jquery中css() 方法可以设置或返回被选元素的一个或多个样式属性，下面的例子将返回首个匹配元素的 background-color 值：
$("p")css("background-color");父级的同级元素的子标签的css样式如下：
//eq(0)表示选择匹配到多个元素中的第一个$("target")parent()siblings()eq(0)children()eq(0)
先获取当前对象，再根据对象去获取上一个兄弟节点和下一个兄弟节点
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
需要准备的材料分别有：电脑、html编辑器、浏览器。
1、首先，打开html编辑器，新建html文件，例如：indexhtml，填充问题基础代码。
2、在indexhtml中的<script>标签，将“$("post_status")”修改为“$(this)find("post_status")”。
3、浏览器运行indexhtml页面，此时对任意个div进行hover都只会是当前hover的元素会调用样式改变代码。
P元素是不能包含块级元素（包括P自身）
你可以试一下下面的代码，11并没有变色。
而且实际运用的时候一般都会加上id或者class的。不会这样一次获取全体元素的。
对于这种嵌套的研究，最好用div实验。
<!doctype html><html>
<head>
<title>demo</title>
<meta charset="utf-8"/>
<script type="text/javascript" src="js/jquery-311minjs"></script>
<style type="text/css">
</style>
<script>
$(function(){
$("p")siblings()css("color", "red")
})
</script>
</head>
<body>
<p>11</p>
<span>22<p>33</p></span>
</body>
</html>
以上就是关于jquery 获取 父级的同级下面的子标签的css样式全部的内容，包括:jquery 获取 父级的同级下面的子标签的css样式、怎么用jquery 获取同级div 上一个div的id 跟下一个div的id、jquery 如何选取相同class里特定的一个等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）