jq设置html的css属性,jQuery css() 方法

2024-05-13 21:16:06

jQuery css() 方法

css() 方法设置或返回被选元素的一个或多个样式属性。

返回 CSS 属性

如需返回指定的 CSS 属性的值，请使用如下语法：

css("propertyname");

下面的例子将返回首个匹配元素的 background-color 值：

$(document).ready(function(){

$("button").click(function(){

alert("背景颜色 = " + $("p").css("background-color"));

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

返回 p 元素的 background-color

设置 CSS 属性

如需设置指定的 CSS 属性，请使用如下语法：

css("propertyname","value");

下面的例子将为所有匹配元素设置 background-color 值：

$(document).ready(function(){

$("button").click(function(){

$("p").css("background-color","yellow");

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

这是一个段落。

设置 p 元素的 background-color

设置多个 CSS 属性

如需设置多个 CSS 属性，请使用如下语法：

css({"propertyname":"value","propertyname":"value",...});

下面的例子将为所有匹配元素设置 background-color 和 font-size：

$(document).ready(function(){

$("button").click(function(){

$("p").css({"background-color":"yellow","font-size":"200%"});

});

});

这是一个标题

这是一个段落。

这是一个段落。

这是一个段落。

这是一个段落。

为 p 元素设置多个样式

jq设置html的css属性,jQuery css() 方法相关推荐

HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
CSS（一）：CSS概述、CSS引入方式、CSS优先级、CSS代码格式、CSS属性；CSS选择器；尺寸和颜色单位、背景和文本设置
目录一.CSS 1.1 CSS概述 1.1.1 定义 1.1.2 特征 1.1.3 组织网页的两种常用方式 1.2 引入CSS的四种方式 1.2.1 Style属性方式(内联样式) 1.2.2 St ...
根据ajax控制css样式,JQuery CSS样式控制学习笔记
jQuery 就不多说了,这是JS的一个函数库,比较常用,我们今天是就jQuery的三种用于css的操作进行总结 $(selector).css("name","valu ...
怎样设置html的元素属性,Jquery怎么设置元素的属性和样式？
Jquery怎么设置元素的属性和样式?下面本篇文章给大家介绍一下使用jQuery操作元素属性与样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 元素属性和Dom属性对于下 ...
js获取css属性值的方法
js操作获取dom元素的样式属性值 obj.style: 它只能够获取通过style设置的元素CSS属性值: 在html标签内通过style设置行内属性通过.dom.style.width=&quo ...
blr不是已知的css属性名,css笔记
背景图片满屏显示: .mainbody{position:absolute; top:0; left:0; height:100%; width:100%; background-image:url( ...
jquery的设置多个 CSS 属性
一.获取css属性 $("p").css("background-color"); 二.设置单个css属性 $("p").css(" ...
js,jq,jquery删除css属性
属性值是不能删除的,只能改变属性值达到我们想要的效果 1.去掉div的高度 <div style='height:50px' id='height'></div> <sc ...
JQ属性和css部分测试
1.attr(name|properties|key,value|fn) 设置或返回被选元素的属性值. <div class="attr">设置或返回被选元素的属性值 ...
jquery如何增加/删除一个css属性
1.jquery增加一个css属性 $("#addLeft").css("background-color","pink"); 2.jque ...

最新文章

热门文章