jquery选择器2
<!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,我们将及时处理。
微信扫码关注
更新实时通知