jQuery选择器

Posted 2020-09-16 刘靖凯

   什么是选择器？

   jQuery选择器继承了CSS与Path语言的部分语法，允许通过标签名，属性名或内容对DOM元素进行快速，准确的选择，而不必担心浏览器的兼容性，通过jQuery选择器对页面元素的精确定位，才能完成元素属性和行为的处理

 

根据所获取页面中元素的不同。可以将jQuery选择器分为：四大类，其中过滤选择器在分为六小分

   

jQuery选择器

基本选择器
层次选择器
过滤选择器	简单过滤选择器 内容过滤选择器可见性过滤选择器属性过滤选择器子元素过滤选择器表单对象属性过滤选择器
表单选择器

     选择器的优势

   与传统的javascript获取页面元素和编写事务相比，jQuery选择器具有明显的优势，具体表现在以下两个方面：

                 *   代码更简单

            *   完善的检测机构

  下面将详细介绍这两个方面。

          

  1. 代码更简单

    由于在jQuery库中，封装了大量可以通过选择器直接调用的方法或函数，使编写代码更加简单轻松，简单的几行代码就可以实现一个复杂的功能。

 2.  完善的检测机构

      在传统的Javascript代码中给页面设置事务时必须先找到该元素，然后赋予相应的属性或事件，如果该元素在页面中不存在或被前面代码所删除，那么浏览器将提示运行出错信息，影响后续代码的执行。因此，在javascript代码中，为了避免显示这样的出错信息，先要检测该元素是否存在，然后在运行其属性或时间代码，从而导致代码冗余，影响执行效率。

      在jQuery选择器定位页面元素时，无需考虑所定位的元素在页面中是否存在，即使该元素不存在元素，浏览器也不提示出错信息，极大地方便了代码的执行效率。