• 技术文章 >web前端 >js教程

    jQuery过滤选择器:not()方法使用介绍_jquery

    2016-05-16 16:51:56原创765
    jQuery(':not(selector)')

    在jQuery的早期版本中,:not()筛选器只支持简单的选择器,说明我们传入到:not这个filter中的selector可以任意复杂,比如:not(div a) and :not(div,a)
    复制代码 代码如下:

    "a">sdfsdfs


    "b">sdfsdfs


    "c">sdfsdfs


    $("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
    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:jQuery 过滤选择器 not
    上一篇:JavaScript中的Math 使用介绍_基础知识 下一篇:jQuery响应enter键的实现思路_jquery
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 深入了解Node的模块机制,聊聊模块实现流程• angular学习之详解状态管理器NgRx• JavaScript字符串常见基础方法精讲• angular学习之浅析HttpClientModule模块• JavaScript高级语法学习之严格模式
    1/1

    PHP中文网