您的位置：首页 > Web前端 > JQuery

jQuery 修改CSS样式与 attr方法-获得修改元素属性值

2017-07-26 21:05 831 查看

-------------------------------- attr方法------------------------------------------

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<script src="../../../js/jquery-3.1.1.min.js"></script>
</head>
<body>
<input type="text" name="123" value="eeee"/>
</body>
<script>
$(function(){
//传一个参数   获取属性的值
//    alert($('input').attr('name'));
//修改属性值      传两个参数
//    $('input').attr('name','321');
//    alert($('input').attr('name'));
//    $('input').attr('type','password');
//修改元素所有属性值
//调用attr方法，把所有要修改的属性放在{}里 属性间用 , 分割  属性名与属性值之间用冒号隔开
$('input').attr({'name':'555','type':'password','value':'iiiiiiii'});
})
</script>

</html>

-------------------------------------修改CSS样式----------------------------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通过jQuery修改css样式</title>
<script src="../../../js/jquery-3.1.1.min.js"></script>
</head>
<body>
<div>
lasdjgha
</div>
</body>
<script type="text/javascript">
$(function(){
$('div').css('background-color','blue');
$('div').css({'background-color':'blue','height':'200px','width':'100px'});
})
</script>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航

jQuery 修改CSS样式 与 attr方法-获得修改元素属性值

jQuery 修改CSS样式与 attr方法-获得修改元素属性值