jQuery选择器

Posted 2020-11-04 爱踢两键

1、id选择器

$("#showDiv")相当于document.getElementById("ssshowDiv")

2、类选择器

$(".someclass")

3、特殊

• $("p:odd")选择所有位于偶数行的<p>标记，$("p:even")选择所有位于奇数行的<p>标记；
• $("td:nth-child(1)")所有表格行的第一个单元格，就是第一列；
• $("li>a")返回<li>标记的所有子元素<a>, 不包括孙标记。
• $("a[href$=[pdf]")选择所有超链接，并且这些超链接的href属性是以"pdf"结尾。

4、功能函数前缀

$.trim(sString);

Demo2

========================================================

一、基本选择器

基本选择器是jQuery中最常用也是最简单的选择器，它通过元素的id、class和标签名等来查找DOM元素。

1、ID选择器 #id

描述：根据给定的id匹配一个元素， 返回单个元素（注：在网页中，id名称不能重复）

示例：$("#test") 选取 id 为 test 的元素

2、类选择器 .class

描述：根据给定的类名匹配元素，返回元素集合

示例：$(".test") 选取所有class为test的元素

3、元素选择器 element

描述：根据给定的元素名匹配元素，返回元素集合

示例：$("p") 选取所有的<p>元素

4、*

描述：匹配所有元素，返回元素集合

示例：$("*") 选取所有的元素

5、selector1，selector2,...,selectorN

描述：将每个选择器匹配到的元素合并后一起返回，返回合并后的元素集合

示例：$("p,span,p.myClass") 选取所有<p>,<span>和class为myClass的<p>标签的元素集合