jQuery学习笔记2 —— jQuery选择器

谁说胖子不能爱 提交于 2019-12-03 02:47:27

jQuery选择器是jQuery的根基,在jQuery中,对事件处理、遍历DOM和Ajax操作都依赖于选择器。熟练使用选择器,不仅可以简化代码还能达到事半功倍的效果。


  1. jQuery选择器是什么

    Web前端开发要求结构(HTML)、样式(CSS)和行为(JavaScript)三者分离,而将结构和样式联系在一起的则是通过CSS选择器实现的,下面是常用的一些CSS选择器:

    CSS常用选择器
    选择器 语法 描述 实例
    标签选择器 E {
    CSS规则
    }
    以文档元素作为选择符 a{
    decoration: none;
    }
    ID选择器 #ID{css规则} 以文档元素的唯一标识符ID作为选择符 #note{font-size:14px;}
    类选择器 E.className{} 以文档元素的class作为选择符 .note{font-size:14px;}
    组合选择器 E1,E2,E3{} 多个选择符应用同样的样式规则 td,p,div.a {font-size:14px;}
    后代选择器 E F{} 元素E的任意后代元素F #links a {color:red;}
    通配符选择器 *{} 以文档的所有元素作为选择符 *{font-size: 14px;}

    除了以上的选择器外,CSS还有伪类选择器、自带选择器、临近选择器和属性选择器。
    jQuery选择器完全继承了CSS的风格,但两者作用效果不同,CSS选择器找到元素后添加样式,而Jquery选择器找到元素后是添加行为。jQuery选择器包括基本选择器、层次选择器、过滤选择器和表单选择器四种,下面依次讲解四种选择器:

  2. ## 基本选择器 ##
  3. ## 层次选择器 ##
  4. ## 过滤选择器 ##
  5. ## 表单选择器 ##
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!