jquery选择器

jQuery: 调用js数据(得到的是Object对象并不是dom对象,jquery对象与dom对象可以相互转换)
     jquery[i]变为dom对象,$(dom)转换为jquery对象
 

      选择器:
    1> 基本选择器、层次选择器、过滤选择器.
       1、基本选择器:
        a> ID选择器:$("#myDiv")等同于 document.getElementById("myDiv");
        b> 元素选择器:$("div")等同于 document.getElementsByTagName("div");
        c> 类选择器: $(".myClass")取得含有myClass的css文件的愿元素.
        d> 星号选择器: $("*")、$("body *")获得该标签下的所有元素.
        e> 复合算择期: $("div,p.myClass, form *")把每一个选择器匹配到的对象合并后全部返回(如果是子父元素则只返回父元素).

       2、层次选择器:
        a> 后代选择器:  $("form input")  返回form 表单下input元素及其子孙元素.
        b> 子元素选择器: $("form > input") 返回form表单下所有input子元素.
        c> 兄弟选择器: $("form ~ input") 返回form表单的兄弟input元素
        d> 后续选择器: $("lable + input") 返回lable 元素后紧跟着的input元素
      
       3、过滤选择器:
        a> $("input : first") 返回input中的第一个元素        
        b> $("input : last") 返回input中的最后一个元素
        c> $("input : even") 返回input数组中的第一个元素
        d> $("input : odd") 返回input数组中的偶数项(从0开始)
        e> $("input : eq(index)")  返回某一位置的元素
        f> $("input : gt(index)") 匹配所有大于给定索引值的元素
        g> $("input : lt(index)") 匹配所有小于给定索引值的元素
 
  2>  属性选择器 :
        a> div中包含id属性的元素: $("div[id]");
        b> 属性值等于(不等于)某值: $("input[name = 'xxx']") $("input[name != 'xxx']")
        c> 属性值以某值开始(结束) $("input[name ^= 'xxx']") $("input[name $= 'xxx']")
        d> 属性值中包含某值: $("input[name *= 'xxx']")  

原文地址:https://www.cnblogs.com/Shevo/p/7858530.html