JQuery属性过滤器

最新推荐文章于 2021-06-27 10:55:16 发布

NYHongHong

最新推荐文章于 2021-06-27 10:55:16 发布

阅读量319

点赞数

分类专栏： Jquery常见几款属性过滤器文章标签： jquery

本文链接：https://blog.csdn.net/NYHongHong/article/details/108844927

版权

Jquery常见几款属性过滤器专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在做页面时时常需要写对各个属性进行过滤以下时常见的几个属性过滤器

<head>
<meta charset="utf-8" />
<title></title>
<script type="text/javascript" src="jQuery1.7.2/jquery-1.7.2.min.js" ></script>
<script type="text/javascript">
   $(function(){
       $("a[href=#]").attr("href","javascript:void(0);")
       //"a[id^=a]"获取id中第一个字符为a的标签
       $("a[id^=a]").css("color","red")
       //"a[id$=3]"获取id中最后一个个字符为3的标签
       $("a[id$=3]").css("color","green")
       $("a[id*=2]").css("color","chartreuse")
   })


</script>
</head>
<body>
<a href="#">a链接1</a>
<a id="a1" href="#">a链接2</a>
<a id="a2" href="#">a链接3</a>
<a href="#">a链接4</a>
<a id="a3" href="#">a链接5</a>
<a id="a24" href="#">a链接5</a>
</body>

效果如图

NYHongHong

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
JQuery属性过滤器

在做页面时时常需要写对各个属性进行过滤以下时常见的几个属性过滤器<head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="jQuery1.7.2/jquery-1.7.2.min.js" ></script> <script type="text/javascript"&...
复制链接

扫一扫