jQuery对JavaScript中的DOM操作进行了封装
jQuery中的DOM操作
- 样式操作
- 内容及Value值操作
- 节点操作
- 节点属性操作
- 节点遍历
css(name,value) ;
或
2.同时设置多个属性
css({name:value, name:value,name:value…}) ;
示例;$(this).css("border","5pxsolid #f5f5f5");
或
$(this).css({"border":"5px solid#f5f5f5","opacity":"0.5"});
3.获取属性值
css(name)
<style>
.dd{ border: 1px solid red; width: 50px; height: 70px;}
</style>
<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(function(){
// $("div").css("border","1px solid red");
//$("div").css({"border":"1px solid red","width":"50px","height":"70px"});
$("div").addClass("dd");
});
function show(div1){
alert($(div1).css("border"));
}
</script>
</head>
<body>
<div οnclick="show(this);">
来打我把
</div>