1.prev ~ siblings选择器

与上一节中介绍的prev + next层次选择器相同,prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下:

$(“prev ~ siblings”)

其中参数prev与siblings两者之间通过“~”符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素。

例如,使用prev ~ next选择器,获取<p>元素后面相邻的全部元素,并设置它们在页面中显示的内容,如下图所示:

在浏览器中显示的效果:

可以看出,调用$("p~span")选择器代码,获取了<p>元素下面两个(全部)的<span>元素,该元素不包含<p>元素上面的元素和不属于同辈范围的元素。

时间: 2024-10-03 08:33:43

1.prev ~ siblings选择器的相关文章

prev ~ siblings选择器

prev ~ siblings选择器也是查找prev 元素之后的相邻元素,但前者只获取第一个相邻的元素,而后者则获取prev 元素后面全部相邻的元素,它的调用格式如下: $("prev ~ siblings") 其中参数prev与siblings两者之间通过"~"符号形成一种层次相邻的关系,表明siblings选择器获取的元素都是prev元素之后的同辈元素. 原文地址:https://www.cnblogs.com/ppm0325/p/8297795.html

jQuery 选择器总结

一.基本选择器 1.#id选择器 通过元素id选择指定元素 1 <div id="notMe"><p>id="notMe"</p></div> 2 <div id="myDiv">id="myDiv"</div> 3 4 jq: 5 $("#myDiv"); 6 result: 7 [ <div id="myDiv&qu

jQuery全部选择器总结(转载)

jQuery选择器总结 不知道为什么博客园不能转载文章?如果知道如何转载的朋友可以评论告诉我,我只能ctrl+C/V下来,转载自: http://www.cnblogs.com/mcgrady/archive/2011/11/08/2241670.html#_label0 阅读目录 1, 基本选择器? 2, 层次选择器? 3, 过滤选择器? 4, 表单选择器? jQuery选择器共有四大类,分别为基本选择器,层次选择器,过滤选择器和表单选择器.下边就来分别总结一下. 1, 基本选择器? 基本选择

JQuery选择器特辑

Jquery选择器分类:基本选择器,层次选择器,过滤选择器,表单选择器 一.基本选择器:jquery中最常用的选择器,也是最简单的选择器.通过元素id.class和标签名等来查找DOM元素. 表-基本选择器 选择器 描述 返回 示例 #id 根据给定的id匹配一个元素 单个元素 $(“#test”)选取id为test的元素 .class 根据给定的类名匹配元素 集合元素 $(“.test”)选取所有class为test的元素 element 根据给定的的元素名匹配元素 集合元素 $(“p”) 选

JQuery学习笔记-选择器-1

在jQuery中 $()方法等价于jQuery()方法,前者比较常用,是后者的简写.一般只有在$()与其它语言冲突时才会使用jQuery()方法. parent > child选择器的范围,它所选择的目标是子集元素,相当于一个家庭中的子辈们,但不包括孙辈,它的调用格式:$("parent > child"),child参数获取的元素都是parent选择器的子元素,它们之间通过">"符号来表示一种层次关系. prev + next选择器就可以查找与&

强大的Jquery对象选择器

(1) 基本选择器:通过元素id,class和标签名等来查找Dom元素 1)$("#id") 根据给定的ID匹配一个元素,返回单个元素  $("#name")选取Id为test的元素 2)$(".class") 根据给定的类名匹配元素 返回集合元素  $(".class")选取所有class为class的元素 3)$("element") 根据给定的元素名匹配元素,返回集合元素  $("input

jquery选择器从认识到使用初级篇

1.   .class 选择器 ---一种通过元素类别属性查找元素 调用格式: $(".class") ----其中参数表示元素的css类别名称(类选择器)<input class="abc" />-------$(".abc") 2.*选择器 (取走所有的元素)调用格式: $("*") 可以与其他元素组合使用$("div *")-------选取包含在div里面的所有元素:例如 <div

[ jquery 选择器 总览 ] jquery选择器总览

选择器是Query的一个核心基础,正是有了各种丰富的选择器,才使得开发人员可以灵活的访问控制html中的各种元素,也让js如鱼得水. 本篇将详细介绍jQuery选择器,从类别上jQuery选择器可以划分为:基本选择器.层次选择器.过滤选择器.表单选择器. 一.基本选择器(Basic) 基本选择器包括5种选择器:#id.element..class.*和selectorl,selector2.selectorN,下面将配合实例分别介绍每种选择器的作用及使用方法. 1.全匹配选择器匹配所有元素的选择

锋利的jQuery读书笔记---选择器

前段时间入手了锋利的jQuery(第二版),想着加强下自己的js能力,可前段时间一只在熟悉Spring和Hibernate.最近抽时间开始读这本书了,随便也做了些记录. 读书的过程是边看边代码测试,所以笔记和代码也就写到一起了.下面是选择器的记录: <!DOCTYPE html> <html> <head lang="zh"> <meta charset="UTF-8"> <script type="t