首页 > 语言 > JavaScript > 正文

JQuery选择器特辑 详细小结

2024-05-06 14:22:00
字体:
来源:转载
供稿:网友

这是看《锋利的jquery》时,整理出来的一些东西,很多方法,需要大家亲自实践一下,才会理解得更加深刻,切莫眼高手低哦……

Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器

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

表-基本选择器

选择器

描述

返回

示例

#id

根据给定的id匹配一个元素

单个元素

$(“#test”)选取id为test的元素

.class

根据给定的类名匹配元素

集合元素

$(“.test”)选取所有class为test的元素

element

根据给定的的元素名匹配元素

集合元素

$(“p”) 选取所有的<p>元素

*

匹配所有元素

集合元素

$(“*”)选取所有元素

Selector1,Selector2, ……, SelectorN

将每一个选择器匹配到的元素合并后一起返回

集合元素

$(“div,span,p.myClass”)选取所有<div>,<span>和拥有class为myClass的<p>标签的一组元素

二、层次选择器:通过DOM元素之间的层次关系获取特定元素,如后代元素、子元素、相邻元素、兄弟元素等。层次选择器是一个很好的选择

表-层次选择器

选择器

描述

返回

示例

$(“ancestor  descendant”)

选取ancestor元素里所有descendant(后代)元素

集合元素

$(“div span”)选取<div>里所有的<span>元素

$(“parent>child”)

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表