jquery属性过滤器

来源:互联网 发布:四川长虹人工智能 编辑:程序博客网 时间:2024/06/16 17:11
<!DOCTYPE html>
<html>
<head><meta charset="utf-8">
<title></title>
<style type="text/css">

</style>
</head>
<body>
<ul>
<li class="first_li">王祖贤</li>
<li class="second_li">朱茵</li>
<li class="third_li">李嘉欣</li>
<li class="forth_li">关之琳</li>
</ul>
</body>
<script  src="js/jquery-3.2.1.min.js" ></script>
<script type="text/javascript">
//获取含有指定属性的元素
      $('li[class]').css({'backgroundColor':'pink'});
      //获取属性==**
      $('li[class=first_li]').css({'color':'red'});
      //获取属性  ^ 以**开头的元素
      $('li[class^=f]').css({'color':'red'});
      //获取属性值  $ 以**结尾的元素
      $('li[class$=d_li]').css({'fontSize':'30px'});
      //获取属性值 * 包含**的元素
      $('li[class*=o]').css({'color':'green'});
      //获取属性值不等于**的元素
      $('li[class!=first_li]').css({'backgroundColor':'white'});
      //多个条件可以连写
      $('li[class][class!=first_li]').css({'':''});
</script>
</html>
原创粉丝点击