jQuery选择符基础知识点有哪些

这篇文章主要为大家展示了“Jquery选择符基础知识点有哪些”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“jQuery选择符基础知识点有哪些”这篇文章吧。

其实 jQuery 的选择符主要是利用了 CSS 和 XPath 选择符的能力，当然还包括 jQuery的自定义选择符，从而让我们在 DOM 树中能够方便和灵活的 获取 各类元素 或者 元素组。

上面提到的三种选择符类型（CSS，XPath，自定义）在 jQuery 中使用时都是以 $() 函数开始和表示的，该函数称为 工厂函数。

放置于 $() 中的任何元素都会自动执行循环遍历，并保存至一个 jQuery 对象中。而$()函数可以使用的参数常用的有：

     + 标签名，如：$('p')，取得文档中的所有 段落；

     + ID，如：$('#some-id')，取得文档中具有对应的 some-id ID 的 一个 元素，如果你使用了同一 some-id 多次，只会取得第一个使用 id="some-id" 的元素；

     + class，如：$('.some-class')，取得文档中带有 some-class 的所有元素；

下面对几种类型的选择符的使用分别进行总结（主要是贴一些示例）。

1，CSS 选择符

这里的：

     + > 为 子元素组合符，语法格式为 $('parent > child')，只选择 parent 的第一代子元素，注意 $('parent child')是包含 parent 下所有后代的子元素，如下；

     + 这里又涉及到一个 否定式伪类选择符 :not(selector)，用于选择所有 去除不匹配 给定的选择器 的 元素；如：not(div a) 或 not(div, a)。其他相似的还有：

     + has(selector)，选择含有 selector 所匹配的至少一个元素的 元素，如：

     + addClass 用于为每个匹配的元素添加指定的 class 名，一般和 removeClass() 结合起来使用，如下：

$('p').removeClass('myClass noClass').addClass('yourClass');

     从 jQuery 1.4 开始，addClass 开始支持通过 function 来设置样式名，如下示例：

2，XPath 类型的选择符

     XPath 全称 XML Path Language，XML 路径语言。是在 XML 文档中识别不同元素或元素值的语言。Wiki 上的描述如下( Http://zh.wikipedia.org/zh-hans/XPath )：

     jQuery 库支持一组基本的 XPath 选择符。

     + 属性选择符(attribute selector)，这个仍然沿用了 XPath 中的惯例，使用 @ 来标识属性，如下：

     属性选择符也可以使用 ^，$，* 分别标识字符串的开始，结尾 以及 字符串中的任意位置。示例如下：

3，自定义选择符

     自定义选择符是以冒号(:)开头，先看如下示例：

     第一个为自定义选择符方式，基于 javascript 的语法规则，而在 JavaScript 中数组的索引从 0 开始，而 CSS 规范中数组的索引从 1 开始。这两个我开始以为都是 自定义选择符呢，看了 api 文档才知道 :nth-child() 是严格来自 CSS 规范的 :(

     与 :eq 类似的 索引相关 的 自定义选择符还有 :lt()，:gt()，:even()，:odd()。

以上是“jQuery选择符基础知识点有哪些”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注编程网html频道！