-
您身边的网站建设推广专家
专注营销型网站建设 . 搜索引擎全网覆盖推广 . 打造移动互联网
全国咨询热线
【建站服务】专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-鄂尔多斯上往建站-域名申请
作者: 风兰 . 阅读量： 4 . 发表时间：2022-09-21 04:42:44
上往建站提供服务器空间服务商，百度快照排名，网站托管，百度推广运营,致力于设计外包服务与源代码定制开发，360推广，搜狗推广,增加网站的能见度及访问量提升网络营销的效果,主营：网站公司,百度推广公司电话,官网搭建服务,网站服务企业排名,服务器空间,英文域名等业务，专业团队服务，效果好。
专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-鄂尔多斯上往建站
css() 方法设置或返回被选元素的一个或多个样式属性。
如需返回指定的 CSS 属性的值，请使用如下语法：
下面的例子将返回首个匹配元素的 background-color 值：
如需设置指定的 CSS 属性，请使用如下语法：
下面的例子将为所有匹配元素设置 background-color 值：
如需设置多个 CSS 属性，请使用如下语法：
下面的例子将为所有匹配元素设置 background-color 和 font-size：
置多个 CSS 属性
如需设置多个 CSS 属性，请使用如下语法：
css({"propertyname":"value","propertyname":"value",...});
下面的例子将为所有匹配元素设置 background-color 和 font-size：
实例
$("p").css({"background-color":"yellow","font-size":"200%"});
尝试一下 »
jQuery 获取并设置 CSS 类jQuery 尺寸
5 篇笔记 写笔记
mjhhh
523***128@qq.com
参考地址
67
文章的第一段代码中，只获取到了第一个 p 标签的 background-color，那么怎么才能获取到第二或第三个 p 的背景颜色呢，加入选择器 :nth-child()：
<body>
<h2>这是一个标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<button>返回第一个 p 元素的 background-color </button>
</body>
$("button").click(function(){
alert("p1背景颜色 = " + $("p:nth-child(2)").css("background-color"));
alert("p2背景颜色 = " + $("p:nth-child(3)").css("background-color"));
alert("p3背景颜色 = " + $("p:nth-child(4)").css("background-color"));
});
尝试一下 »
PS: 这里 :nth-child() 选择器默认以 body 作为父标签，所以 :nth-child(1) 是 <h2> </h2>。
mjhhh
mjhhh
523***128@qq.com
参考地址
4年前 (2018-11-28)
Ishinary
128***3211@qq.com
149
上一篇笔记中用的 nth-child 太麻烦。
当页面的元素特别多，父子关系特别繁杂的时候，不可能一个个去数要的元素是 body 的第几个元素。
另一方面，页面可以动态的，body 下的索引容易变化，用这个方法指定某个元素非常不靠谱。
要选取第几个 p 的方法，正确的应该是这样：
$("p").eq(N) // N 是索引号，从 0 开始
详见后面的jQuery 遍历- 过滤章节。
Ishinary
Ishinary
128***3211@qq.com
4年前 (2018-12-28)
搬砖的三岁
sun***harbdata.com
65
1 楼和 2 楼都很麻烦啊:
<div class="getColor">
<p class="a">first</p>
<p class="b">second</p>
<p class="c">third</p>
</div>
<button class="color">弹窗返回颜色</button>
<script>
$(function(){
$(".color").click(function(){
alert("b的背景颜色为：" + $(".getColor").children(".b").css("background-color"));
});
});
</script>
这样子不是更清晰吗？？？
搬砖的三岁
搬砖的三岁
sun***harbdata.com
3年前 (2019-10-25)
0304018
lw3***3238dangji@163.com
26
你们都太麻烦了，使用一个循环不是全搞定:
<body>
<h2>这是一个标题</h2>
<p style="background-color:#ff0000">这是一个段落。</p>
<p style="background-color:#00ff00">这是一个段落。</p>
<p style="background-color:#0000ff">这是一个段落。</p>
<button>返回第一个 p 元素的 background-color </button>
<script>
$(document).ready(function(){
for(var i=0;i<3;i++){
alert($('p').eq(i).css('background-color'));
}
});
</script>
</body>
一步到位。
0304018
0304018
lw3***3238dangji@163.com
2年前 (2020-05-07)
过路的
157***6055@qq.com
92
楼上的，还可以智能一点:
$(function() {
$("button").click(function() {
for(var i = 0; i < $("p").length; i++)
{
alert($("p").eq(i).css("background-color"));
}
});
});
专业网站建设-网站设计-网站制作与网站开发-高端品牌企业宣传策划-鄂尔多斯上往建站
上往建站提供搭建网站，域名注册，官网备案服务，网店详情页设计，企业网店，专业网络店铺管理运营全托管公司咨询电话，服务器空间，微信公众号托管，网页美工排版,致力于域名申请，竞价托管，软文推广，全网营销,提供标准级专业技术保障，了却后顾之忧,主营：虚拟主机，网站推广，百度竞价托管，网站建设，上网建站推广服务，网络公司有哪些等业务，专业团队服务，效果好。
服务热线：400-111-6878 手机微信同号:18118153152（各城市商务人员可上门服务）
关键词：网站建设,企业网站,网站制作,网页设计,高端网站建设,企业网站制作,网页制作,制作网站,网站设计,高端网页设计,高端网站设计,做网站,自适应网站
