jquery属性过滤器

最新推荐文章于 2022-05-07 13:08:38 发布

飞腾创客

最新推荐文章于 2022-05-07 13:08:38 发布

阅读量396

点赞数

分类专栏： javascript基础文章标签： javascript

本文链接：https://blog.csdn.net/qq_39716220/article/details/77885446

版权

javascript基础专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<!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>