<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="jquery-1.11.3.min.js.js"></script>
<script type="text/javascript">
$(function(){
// 选择的是#uu里所有处在隐藏状态下的p标签
// $('#uu p:hidden').css({'color':'blue','font-size':'22px','display':'block'});
// 选择的是#uu里所有处在显示状态下的p标签
// $('#uu p:visible').css({'color':'blue','font-size':'22px'});
// 选择的是#uu里所有 有class属性的p标签
// $('#uu p[class]').css({'color':'blue','font-size':'22px'});
// 自定义的属性也能选
// $('#uu p[mm]').css({'color':'blue','font-size':'22px'});
// 选择的是#uu里所有 class属性的值等于rf6的元素
// $('#uu p[class=rf6]').css({'color':'blue','font-size':'22px'});
// 选择的是#uu里所有class不等于rf6的p标签
// $('#uu p[class!=rf6]').css({'color':'blue','font-size':'22px'});
// 选择的是#uu里class属性值是以rf开头的p标签
// $('#uu p[class^=rf]').css({'color':'blue','font-size':'22px'});
// 选择的是#uu里class属性值是以e结尾的p标签
// $('#uu p[class$=e]').css({'color':'blue','font-size':'22px'});
// 选择的是#uu里class属性值中包含有tt的p标签
// $('#uu p[class*=tt]').css({'color':'blue','font-size':'22px'});
// 也可以组合选,比如这个:选择的是#uu里有class属性,并且mm属性值中包含有c的p标签
$('#uu p[class][mm*=c]').css({'color':'blue','font-size':'22px'});
})
</script>
</head>
<body>
<div id="uu">
<p>试一下选择器的用法1</p>
<p>试一下选择器的用法2</p>
<p class="tt" mm="cx">试一下选择器的用法3</p>
<p style="display: none;">试一下选择器的用法4</p>
<p >试一下选择器的用法5<span>加一个span标签</span></p>
<p class="rf6">试一下选择器的用法6</p>
<p class="ttye">试一下选择器的用法7<span>加一个span标签</span></p>
<p>试一下选择器的用法8</p>
<p></p>
<p></p>
<span class="nn"> nnnnnnnnnnnn</span>
<div>
<p>另一组的p标签</p>
<p>另一组的p标签</p>
<p>另一组的p标签</p>
</div>
</div>
</body>
</html>
原文链接：https://www.qiquanji.com/post/7779.html
本站声明:网站内容来源于网络,如有侵权,请联系我们,我们将及时处理。
微信扫码关注
更新实时通知