前言：

  前面学习了JQuery的简单使用，今天进一步学习一下JQuery的选择器。

什么是选择器？

 JQuery选择器通过标签名、属性名或者内容对DOM元素进行快速准确的选择，而不必担心浏览器的兼容性，通过JQuery选择器对页面元素精确定位，进而方便完成处理元素属性和行为事件。

选择器的优势

 与传统的JavaScript获取页面元素和事务处理相比，JQuery具备以下几个优势：

  • 代码比较简单

  • 完善的检测机制

1、）代码更简单

在JQuery库中封装了大量可以通过选择器直接调用的函数，使编程更加简单轻松，使用简单的代码就可以使用相对复杂的功能。

2、）完善的检测机制

传统js设置页面元素的事务的时候，先要找到页面上的元素，然后在赋予相应的属性或事件，如果页面元素不存在，则页面会报错。所以要先判断页面元素是否存在。再进行属性或者事件操作。这样会造成代码繁琐。在JQuery定义页面元素的时候，无须考虑页面中是否存在，即使页面中不存在该元素也不会报错，极大的方便了代码的执行效率。

选择器分类

大致分为下面四大类

  • 基本选择器

  • 层次选择器

  • 过滤选择器

  • 表单选择器

过滤选择器又分为以下几个小分类

  • 简单过滤选择器

  • 内容过滤选择器

  • 可见性过滤选择器

  • 属性过滤选择器

  • 子元素过滤选择器

  • 表单对象属性过滤选择器

接下来挨个学习一下。

基础选择器

  • #id　      根据Id匹配一个元素             返回的单个元素

  • .class　  根据给定的类名匹配一个元素 返回的是元素集合

  • element 根据元素名匹配一个元素       返回的是元素集合

  • *　        匹配所有元素                      返回的是元素集合

  • selecttor1,selector2并集，返回两个选择器匹配到的元素 返回的是元素集合

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式