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('内容')")

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一章 入门 基本功能:访问和操作 dom 元素,控制页面样式,对页面的事件处理,与ajax完美结合,有丰富的插件...
    X_Arts阅读 1,068评论 0 2
  • $(”p”).addClass(css中定义的样式类型); 给某个元素添加样式 $(”img”).attr({sr...
    专注寒冰三千岁阅读 514评论 0 4
  • Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img...
    扑克脸_457e阅读 599评论 0 1
  • HTML 5 HTML5概述 因特网上的信息是以网页的形式展示给用户的,因此网页是网络信息传递的载体。网页文件是用...
    阿啊阿吖丁阅读 4,092评论 0 0
  • 1. 基本选择器  基本选择器是JQuery最常用的选择器,也是最简单的选择器,它通过元素id、class和标签名...
    小伟_be27阅读 3,445评论 0 1