jQyery选择器之基本选择器和层次选择器

By | 2017年2月27日

jQyery选择器之基本选择器和层次选择器

1. 基本选择器

选择器 描述 返回值
#ID 根据元素的ID属性进行匹配 单个jQuery对象
.class 根据元素的class属性进行匹配 jQuery对象数组
element 根据元素的标签名进行匹配 jQuery对象数组
selector1,selector2... 将每个选择器匹配的结果合并后一起返回 jQuery对象数组
* 匹配页面的所有元素,包括html,body,head等 jQuery对象数组

2. 层次选择器

选择器 描述 返回值
$("ancetor descendant") 选取ancestor元素中的所有子元素 jQuery对象数组
$("parent>child") 选取parent元素中的直接子元素 jQuery对象数组
$("prev+next") 选取紧邻prev元素之后的next元素 jQuery对象数组
$("prev~siblings") 选取prev元素之后的siblings兄弟元素 jQuery对象数组

效果图

发表评论

电子邮件地址不会被公开。 必填项已用*标注