锋利的jQuery第八期

上一期介绍了属性过滤选择器，提到了正则，那这次还是稍微说说吧，首先是不等于，开头以及结尾。原效果图如下：

$("div[title!=test]").css("background","#bbffaa");title属性值不为test的div元素，这里要注意，不等于的符号为!=，等于的符号只是一个=，效果图如下：

接下来就是开头和结尾，这里我们可以用到正则的写法，如：$("div[title^=te]").css("background","#bbffaa");即title属性值以te开头的div元素，效果图如下：

("div[title

上文中的^和$都是正则中的基础用法，虽然正则中的语法不能完全的搬过来，但是稍加改变还是可以高效利用的。

第二发，含有以及多条件筛选，含有我们使用型号，如：$("div[id][title*=es]").css("background","#bbffaa");效果图如下：

那么如果我们想通过多个条件来筛选应该怎样表达呢，很简单，只要并列罗列上就可以了每对中括号之间也不需要其他符号，如：$("div[id][title*=es]").css("background","#bbffaa");意为含有id属性且title属性值含有es的div元素，效果图如下：

好啦，今天就啰嗦这么多，如果喜欢本文章请多多分享，欢迎关注公众号：奔跑在IT之路，扫码更方便哦！