Jquery 选择器

Jquery 选择器用于操作 DOM(Document 对象模型),附加事件,添加元素,在运行时删除元素。

选择 描述
元素选择器 元素选择器用于选择特定元素
Ex:<p>Stackoverflow to help in understanding errors </p>
要访问此 `p` 标记,我们需要添加此元素并将其包装在 jquery 语法中,如:$(`p`)。
“$” 表示 jquery,它只是 jquery 的别名,如果我们想要,我们可以使用 jquery 而不是像 `jQuery()` 那样的“$” 。
如果我们使用与 jquery($)具有相同别名的其他库或框架(angular),我们可以使用 jquery 的$ `.noConflict()` 方法来改变这种冲突。
ID 选择器 我们可以将 Id 选择器写为$(“#text of id attribute”)
<div id="selectMe">I am inner content of Div.</div>
这里 ID 属性的文本是 `selectMe`,所以要使用 jquery 选择这个 ID 选择器,我们必须写:$(“#selectMe”)。
可以使用逗号分隔 Ex:$(“#id1,#id2,#id3 ...”)选择多个 ID
类选择器 类选择器由点/“”表示。并写为$(“。className”)
<span class="demoClass"> Demo JQuery class Selectors </span>
要访问类选择器,我们编写$(“。demoClass”),可以选择多个类作为 comman 分隔值。 $(”。class1 的,.class2,.class3" )
所有元素选择器 要选择 Complete DOM 元素,我们必须包含 character:"*"
$("*")引用完整的 DOM 元素,包括 html,head ...

这是 p Tag

这是 div 标签这是 span 标签$(“*”)//它将引用所有 DOM 元素|

检查 jsfiddle 例如: https ://jsfiddle.net/rezjvrum/ [](https://jsfiddle.net/rezjvrum/)

各种选择者名单:

  1. “:first” - 选择第一个元素。
  2. “:last” - 选择最后一个元素。
  3. “:even” - 选择所有偶数元素。
  4. “:odd” - 选择所有奇数元素。
  5. “:eq(index)” - 选择索引元素。例::eq(1) 将选择第二个子元素。索引从 0 开始。
  6. “:gt(index)” - 显示索引大于索引传递的所有元素。例如::gt(3) 将返回索引大于 3 的所有元素。
  7. “:lt(index)” - 显示索引小于索引传递的所有元素。例如::lt(2) 将返回索引小于 2 的所有元素。

以上选择器包含在: https//jsfiddle.net/rezjvrum/2/