1、获取第一个子元素有如下方法:
东港ssl适用于网站、小程序/APP、API接口等需要进行数据传输应用场景,ssl证书未来市场广阔!成为创新互联的ssl证书销售渠道,可以享受市场价格4-6折优惠!如果有意向欢迎电话联系或者加微信:18982081108(备注:SSL证书合作)期待与您的合作!
(1):first
举:$('div.one:first'),获取所有class="one"的div的第一个div子元素。这里的限制在于父子元素都是同一种,即父元素如果是span标签,获取的第一个子元素也是span标签,如果父元素是table标签,获取的子元素也是table标签。
(2):first-child
如:$('div.one:first-child'),获取所有class="one"的div的第一个子元素,注意是“所有”,意思是说,如果这个div有多外,那么获取的第一个子元素也是有多个。
(3)使用eq()方法
如:$('div.one span:eq(1)'),获取class="one"下的div的第一个span子元素,同(2)一样,也是有多个div也是获取多个div的第一个元素。
可以通过获取id,或者直接在父层限制一个eq(1)这样的形式去获取惟一一个子元素
分为以下2种情况:
1.如果css写成行内样式,可以通过获取style属性的值来判断,示例如下:
判断id为divid的div元素是否有font-size样式:
2.如果css写成类样式,可以通过获取class属性的值来判断,示例如下:
判断id为divid的div元素是否含有类样式divclass:
描述: 为每个匹配的元素添加指定的样式类名
$('div').addClass('className');//为所有div添加名为className的class1
removeClass
描述: 移除集合中每个匹配元素上一个,多个或全部样式。
$('div').removeClass('className');//将所有div上名为className的class移除1
toggleClass
描述: 在匹配的元素集合中的每个元素上添加或删除一个或多个样式类,取决于这个样式类是否存在或值切换属性。即:如果存在(不存在)就删除(添加)一个类。
$('div').toggleClass('className');//如果div上有这个class就删除,没有就添加。
如果一个jQuery对象表示一个DOM元素的集合,.first()方法会构造一个新的jQuery对象,它包含了前一个集合的第一个元素。
ul
lilist item 1/li
lilist item 2/li
lilist item 3/li
lilist item 4/li
lilist item 5/li
/ul
$('li').first().css('background-color',
'red');
调用的结果是第一个列表项目为红色背景。
如果一个jQuery对象表示一个DOM元素的集合,.last()方法从最后一个匹配的元素中构造一个新的jQuery对象。
考虑一个页面上的一个简单的列表:
$('li').last().css('background-color',
'red');
调用的结果是最后一个列表项目为红色背景。
有,prev()方法, 使用方法如下:
$("p").prev(".selected")
参考地址:
1、siblings(),可以返回元素的所有同胞元素。
2、next(),可以获取到当前元素的下一个同胞元素。
3、nextAll(),可以获取到当前元素的所有跟随的同胞元素。
4、nextUntil(),可以获取到介于两个元素之间的所有跟随的同胞元素。
5、prev(),可以获取到当前元素的前一个同胞元素。
6、prevAll(),可以获取到当前元素的所有之前的同胞元素。
7、prevUntil(),可以获取到介于两个元素之间的所有之前的同胞元素。
先获取当前对象,再根据对象去获取上一个兄弟节点和下一个兄弟节点
.prev()
定义和用法
prev()
获得匹配元素集合中每个元素紧邻的前一个同胞元素,通过选择器进行筛选是可选的。
.prev(selector)
参数描述
selector
字符串值,包含用于匹配元素的选择器表达式。
--说明:如果给定一个表示
DOM
元素集合的
jQuery
对象,.prev()
方法允许我们在
DOM
树中搜索这些元素的前一个同胞元素,并用匹配元素构造一个新的
jQuery
对象。
.next()
定义和用法
next()
获得匹配元素集合中每个元素紧邻的同胞元素。如果提供选择器,则取回匹配该选择器的下一个同胞元素。
.next(selector)
参数描述
selector
字符串值,包含用于匹配元素的选择器表达式。
--说明:如果给定一个表示
DOM
元素集合的
jQuery
对象,.next()
方法允许我们搜索
DOM
树中的元素紧跟的同胞元素,并用匹配元素构造新的
jQuery
对象。
示例:
!--HTML代码--
div id="div1"111/div
div id="div2"222/div
div id="div3"333/div$("#div2").prev().attr("id"); //获取div2同级的上一个div的id,值为div1
$("#div2").next().attr("id"); //获取div2同级的下一个div的id,值为div3