时间:2021-05-26
第一种写法:
复制代码 代码如下:
$(function(){
$("li").not(":even").css("color","red");
$("li").filter(":odd").css("color","red");
})
第二种写法:
复制代码 代码如下:
$(function(){
$("li").filter(function(index) {
return index%2 == 0;
}).css("color","red");
$("li").not(function(index) {
return index%2 !== 0;
}).css("color","red");
})
这两种写法,都可以达到一样的效果,not与filter是相反的过滤!
jQuery过滤选择器:not()方法介绍
jQuery(':not(selector)')
在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a)
<p >"a">sdfsdfs</p>
<p >"b">sdfsdfs</p>
<p >"c">sdfsdfs</p>
$("p:not(.a)").css({"color":"red"})
那么除了class等于a的p元素外,其他的P的文字颜色就变成了红色.
:not()伪类过滤选择器,这叫法真拗口,jQuery的:not()方法是jQuery的伪类选择器,可以过滤不需要的元素,筛选出正确的结果,简单的说我们有如下代码:
$("selector1:not(selector2)")
我们分析下上面的代码,我们要获取selector1的元素,但可能我不需要全部,怎么办,通过:not()方法来过滤,如果selector1的集合中有#1,#2,#3,#4
我们的selector2就是要过滤掉#4,上面的代码我们最终将获得#1,#2,#3
再举几个列子
$('li:not(:only-child)')//匹配所有的li,除了只有一个子元素的
$('li:not(:first-child)');//匹配除了在他父元素中是第一个子元素的LI
$("li :not(:first)").hide();//隐藏除了第一个LI外的所有LI
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例总结了30个经典的jQuery代码开发技巧。分享给大家供大家参考。具体如下:1.创建一个嵌套的过滤器复制代码代码如下:.filter(":not(:ha
修改jqueryeasyuicombobox模糊过滤复制代码代码如下:filter:function(q,row){varopts=$(this).combob
本文实例讲述了jQuery表单元素过滤选择器用法。分享给大家供大家参考,具体如下:前面jQuery内容过滤选择器与子元素过滤选择器,其中的例子稍微多一些解释也有
本文实例讲述了ZendFramework实现自定义过滤器的方法。分享给大家供大家参考,具体如下:创建自定义的过滤器代码:filter($temp1);echo"
本文实例分析了php中filter_input函数用法。分享给大家供大家参考。具体分析如下:在php5.2中,内置了filter模块,用于变量的验证和过滤,过滤