JQ笔记整理

1.选择器的种类:

    -- 基本选择器
    -- 层次选择器
    -- 过滤选择器
    -- 表单选择器

1.基本选择器：

  1.元素选择器：
            依据标签名定位元素
            $("p") 在页面中选取所有<p>元素
  2.id选择器:
            根据id属性定位元素
            $("#d1")  <div id ="d1">hello</div>  
  3.类选择器:
            根据class属性定位元素
            $(".class属性名")
  4.选择器组:
            定位一组选择器所对应的所有元素
            $("#id,important") 

2.层次选择器：

    1.在select1元素下，选中所有满足select2的子孙元素
      -$("select1 select2")     
    2.在select1元素下，选中所有满足select2的子元素  
     -$("select1 > select2")     
    3.选中select1元素的，满足select2的下一个弟弟
     -$("select1 + select2")    
    4. 选中select1元素的，满足select2的所有弟弟
     -$("select1 ~ select2")    
    $("#id .importent")

3.基本过滤选择器:

根据元素的基本特征定位元素，常用语表格和列表。
$("tr :first")

4.内容过滤选择器：

根据文本内容定位元素
-- :contains(test)匹配包含给定文本的元素
-- :empty 匹配所有不包含子元素或文本的空元素
$("p :contains('内容')")