jquery方法之-css()返回或设置属性样式

最新推荐文章于 2023-03-09 15:02:14 发布

xiaochouyu0703

最新推荐文章于 2023-03-09 15:02:14 发布

阅读量178

点赞数

分类专栏： jquery 文章标签： javascript ViewUI

本文链接：https://blog.csdn.net/xiaochouyu0703/article/details/84696927

版权

jquery 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

返回指定的 CSS 属性的值语法：css("propertyname");
设置指定的 CSS 属性的值语法：css("propertyname","value");
设置多个 CSS 属性的语法：css({"propertyname":"value","propertyname":"value",...});


<script>
$(document).ready(function(){
  $("button").click(function(){
    <!--为所有匹配元素设置 background-color和 font-size-->
    $("p").css({"background-color":"yellow","font-size":"200%"});
    <!--返回首个匹配元素的 background-color 值-->
    alert("Background color = " + $("p").css("background-color"));
  });
});
</script>
</head>
<body>
<h2>这是标题</h2>
<p style="background-color:#ff0000">这是段落1。</p>
<p style="background-color:#00ff00">这是段落2。</p>
<p style="background-color:#0000ff">这是段落3。</p>
<p>这是段落4。</p>
<button>按钮请点我！</button>
</body>

另外jQuery 还有一系列的CSS 操作函数，还有:
height() 设置或返回匹配元素的高度。
width() 设置或返回匹配元素的宽度。
offset() 返回第一个匹配元素相对于文档的位置。
offsetParent() 返回最近的定位祖先元素。
position() 返回第一个匹配元素相对于父元素的位置。
scrollLeft() 设置或返回匹配元素相对滚动条左侧的偏移。
scrollTop() 设置或返回匹配元素相对滚动条顶部的偏移。

xiaochouyu0703

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jquery方法之-css()返回或设置属性样式

返回指定的 CSS 属性的值语法：css("propertyname");设置指定的 CSS 属性的值语法：css("propertyname","value");设置多个 CSS 属性的语法：css({"propertyname":"value","propertyname":"value",...});[code="html"]
复制链接

扫一扫

专栏目录