选择器

jquery概念

是js的一个类库（对js中某些功能的封装）

用jq实现的功能一定能用js实现，反过来不一定，js实现的功能jq不一定能实现

以$()开头

 

选择器

基本选择器 

    id选择器   $("#id名")

    类选择器   $(".class名")

    标签选择器 $("html标签")

    组合选择器 $("id,class")

    通用选择器   $("*") 查找所有的标签

 

层级选择器  

    空格     查找当前元素里面的所有后代元素

    >        查找当前元素里面的所有子代元素

    +        查找当前元素下面的紧邻的兄弟节点

    ~        查找当前元素下面的所有的兄弟节点

 

查找过滤选择器(都是方法：$("").选择器())  

    first()

    last()

    eq(下标)    下标从0开始

    find()      查找给定元素的后代

    children()  查找后代        $().children("span")查找给定元素的子代

    next()      $("p").next()  $("p").next("")指定的下一个元素

    prev()      前一个  用法同next()

    nextAll()   下面所有的  可以指定参数 也可以不指定  

    prevAll()   前一个所有

    siblings()  除了自身之外的所有兄弟元素（也可以指定参数）

    parent()    查找某个元素的父元素   

    filter()    参数可以是一个回调函数

        $("").filter(function(){

            return 条件；返回满足某个条件的元素

        })

    not()       除了...之外

     end()       结束其前面离end最近的选择器

 

属性选择器

    $("input[name]")   input标签上带有name属性的选中器

       $("input[name=h]")     input标签上name值为h的选择器

    size()   获取jquery元素的个数方法   length属性也可以

 

表单选择器

    $(":type值")

    $(":radio")            找到所有的单选按钮

    $(":radio:checked")    找到被选中的单选按钮

       $(":checkbox:checked")      找到被选中的复选按钮

       $(":selected")                      找到被选中的下拉列表

 

简单选择器

    $("li:first")   $().first() 

       $("li:eq(2)")  $("").eq(i)

       $("li:odd")  找到所有的奇数行

       $("li:even")  找到偶数行

       $("li:gt(3)")  找到下标大于3的li

       $("li:lt(3)")  找到下标小于3的li

       $("li:has(ul)")  包含...

       $("li:not()")  除了...

转载于:https://www.cnblogs.com/tis100204/p/10297238.html