jQuery选择器之组合选择器
上一节
下一节
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>11.6jQuery选择器之组合选择器</title>
<script src="../js/jquery-3.1.1.min.js"></script>
<script>
$(function(){
//组合选择器
//$('#div1,.p1,span').css('border','solid 2px red');
//多个样式的设置
//.css({'属性':'属性值','属性':'属性值','属性':'属性值'})
$('#div1,.p1,span').css({"border":"solid 2px red","background":"#CCC","margin":"5px"});
});
</script>
</head>
<body>
<h2>组合选择器可选中多个标签</h2>
<div id="div1">id为div1被选中</div>
<p class="p1">class为p1的p标签被选中</p>
<p class="p1">class为p1的p标签被选中</p>
<span>span被选中</span>
<span>span被选中</span>
<span>span被选中</span>
<span>span被选中</span>
</body>
</html>
