一、前言

      在前一篇博客中,“ 【JQuery】熟能生巧JQuery(二)——简介”,很简单的介绍了一下什么是JQuery以及一些简单的语句。在这篇博客中才是我们真正步入JQuery,真正的了解一下JQuery中的一种机制——选择器。

二、什么是选择器?

      当我们在前台开发的时候,要对一个元素进行操作调用的时候,必须要准确的找到该元素——在JQuery库汇总,可以通过选择器来实现这个核心的功能。

      JQuery选择器继承了css和path语言的部分语法,允许通过标签名,属性名或内容对DOM元素进行快速、准确的选择,单不必担心浏览器的兼容性。

      和传统的JavaScript获取等操作相比,优点如下:

  • 代码更简单
  • 完善的检测机制

       jQuery 选择器方式获取页面元素,那么不需要检测元素是否存在,且页面正常执行

三、选择器类型

      根据不同的功能我们把JQuery选择器分为了四种不同的类型:基本选择器、层次选择器、过滤选择器、表单选择器。在过滤选择器中又分为了简答过滤选择器、内容过滤选择器、可见性过滤选择器、属性过滤选择器、子元素过滤选择器、表单过滤选择器。

小编会在后面的博客中依次向大家介绍这些选择器。




【JQuery】熟能生巧JQuery(三)——选择器_选择器




【JQuery】熟能生巧JQuery(三)——选择器_选择器_02


四、小结

      通过这次总结还是有收获的,一般在面试的时候,面试官闻到JQuery的时候简单的问题会选择问选择器怎么使用,这个就需要我们熟练使用每一种选择器了。小编有一次就被到CSS选择器。

      下一篇博客向大家介绍最简单的——简单选择器。