jquery里根据href的属性来匹配获取a标签的方法及实例亲测 原创

文章标签: jquery 匹配
  • :
  • 03-12 21:49
  • :
  • 787次
  • :
  • 0条
  • 6赞

简介本文站长和大家分享,如何在jquery里根据标签的属性值来匹配获取和过滤HTML标签。

通过本文,让大家学习和掌握在jquery里,如何根据标签的属性值来过虑所匹配获取到的HTML标签。


假如我们的网页里有下面这样几个a标签:

<a href="http://www.aijquery.cn">www.aijquery.cn</a>  
<a href="http://www.aijquery.cn">爱jquery</a>  
<a href="javascript:void(0)">空链接</a>  
<a href="http://www.baidu.com">百度</a>

从上面的HTML代码中,我们看中,这几个a标签里,其中一个是空链接,那么我们如何匹配获取除了这个标签外的所有a标签呢?方法是很简单的:

$("a").not("[href^='javascript']").css("color","red");

我们先用$("a")来获取到所有的a标签,然后再用not来过滤掉那些我们不想要的,或者我们也可以直接来获取:

$("a[href^='javascript']").css("color","red");
[attribute^=value]:匹配给定的属性是以某些值开始的元素
[attribute$=value]:匹配给定的属性是以某些值结尾的元素
[attribute*=value]:匹配给定的属性是以包含某些值的元素
[attribute!=value]:匹配所有不含有指定的属性,或者属性不等于特定值的元素。
[attribute=value]:匹配给定的属性是某个特定值的元素


您正在找的文章可能是: