网站首页 文章专栏 jquery获取元素集合

jquery获取元素集合

编辑时间:2019-04-18 17:00:35 作者:苹果 浏览量:2658


    前言: jquery选择器,只有在用的时候,只恨自己记住的少啊!!


  一:常用的

    1、利用标签名获取元素
            $("标签名")

    2、通过ID获取元素
            $("#id_name")

    3、通过 类名获取元素
            $(".className")

    4、一次性获取多个元素
            $("元素名, 元素名, 元素名 ....")

    5、通过指定层次关系获取元素
            $("祖先    子孙")
            $("父  >  子")
            $("前  +  后")
            $("兄  ~  弟")

    6、根据元素的属性值获取元素
            [attribute]
            [attribute = value]
            [attribute != value]
            [attribute ^= value]
            [attribute $= value]
            [attribute *= value]

    7、通过过滤器获取元素
            $("元素名:过滤器")

            过滤器列表
            :first
            :last
            :not(filter)
            :even
            :odd
            :eq(index)
            :lt(index)
            :gt(index)
            :header
            :animated
            :contains(text)
            :empty
            :has(selector)
            :parent【注:这个是获取非空元素不是父元素】

    8、获取表单元素
            $(":表单过滤器名")

            获取表单元素的方法
            :input
            :text
            :password
            :radio
            :checkbox
            :submit
            :image
            :reset
            :button
            :file
【注:表单标签也是标签,同样可以利用标签名获取,不过有些标签类型多样可以加过滤器加以区分。如:$("input:text")】

    还可以加上name :$("input:text[name='aaa']")


    9、通过过滤器获取表单元素
            :enable    获取可输入状态的元素
            :disabled    获取不可输入状态的元素
            :checked    获取选中元素的元素
            :selected    获取下拉框中选中状态的元素

二 较灵活的

    从集合元素中通过指定序号获取元素
    $("元素名").eq(index)

    获取指定条件一致的元素
    $("元素名").filter(expr)

    获取指定范围的元素
    $("元素名").slice(start,[end])

    获取与条件表达式一致的元素
    $("元素名").is(expr)

    获取元素的下一个元素
    $("元素名").next([expr])

    获取元素的前一个元素
    $("元素名").prev([expr])

    获取元素的父元素
    $("元素名").parent([expr])

    获取元素的子元素
    $("元素名").children([expr])


    出自:何冰华个人网站

    地址:https://www.hebinghua.com/

    转载请注明出处


来说两句吧
最新评论