jQuery css方法动态修改CSS属性
定义和用法
css() 方法返回或设置匹配的元素的一个或多个样式属性。
返回 CSS 属性值
返回第一个匹配元素的 CSS 属性值。
注释:当用于返回一个值时,不支持简写的 CSS 属性(比如 "background" 和 "border")。
复制代码 代码如下:
$(selector)(name)
name必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性。比如 "color"。
实例
取得第一个段落的 color 样式属性的值:
复制代码 代码如下:
$("p")("color");
设置 CSS 属性
设置所有匹配元素的指定 CSS 属性。
复制代码 代码如下:
$(selector)(name,value)
name必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性,比如 "color"。
value 可选。规定 CSS 属性的`值。该参数可包含任何 CSS 属性值,比如 "red"。
如果设置了空字符串值,则从元素中删除指定属性。
实例
将所有段落的颜色设为红色:
复制代码 代码如下:
$("p")("color","red");
使用函数来设置 CSS 属性
设置所有匹配的元素中样式属性的值。
此函数返回要设置的属性值。接受两个参数,index 为元素在对象集合中的索引位置,value 是原先的属性值。
复制代码 代码如下:
$(selector)(name,function(index,value))
name必需。规定 CSS 属性的名称。该参数可包含任何 CSS 属性,比如 "color"。
复制代码 代码如下:
function(index,value)
规定返回 CSS 属性新值的函数。
index - 可选。接受选择器的 index 位置
oldvalue - 可选。接受 CSS 属性的当前值。
实例 1
将所有段落的颜色设为红色:
复制代码 代码如下:
$("button")k(function(){
$("p")("color",function(){return "red";});
});
实例 2
逐渐增加 div 的宽度:
复制代码 代码如下:
$("div")k(function() {
$(this)(
"width", function(index, value) {return parseFloat(value) * 1.2;}
);
});
设置多个 CSS 属性/值对
复制代码 代码如下:
$(selector)({property:value, property:value, ...})
把“名/值对”对象设置为所有匹配元素的样式属性。
这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
{property:value}
必需。规定要设置为样式属性的“名称/值对”对象。
该参数可包含若干对 CSS 属性名称/值。比如 {"color":"red","font-weight":"bold"}
实例
复制代码 代码如下:
$("p")({
"color":"white",
"background-color":"#98bf21",
"font-family":"Arial",
"font-size":"20px",
"padding":"5px"
});
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
-
讲解HTML中iframe和frame的区别
不知道你在项目中用过frameset属性没有,frameset这个属性是在去年我在一个在线客服系统制作中用过,因为客服系统要有固定的布局,上面一块,下面一块等等,当时就是用的frameset和frame。在我用完了这些属性之后,我才明白了iframe和frame的`区别。因为在这之前,我项目中...
-
有关JavaScript中的prototype.bind()方法介绍
以前,你可能会直接设置self=this或者that=this等等,这样做当然也能起作用,但是使用()会更好,看上去也更专业。下面举个简单的例子:复制代码代码如下:varmyObj={specialFunction:function(){},anotherSpecialFunction:function(){},getAsyncData:function(cb){cb();}...
-
如何理解Javascript的caller,callee,call,apply区别
在提到上述的概念之前,首先想说说javascript中函数的隐含参数:argumentsarguments该对象代表正在执行的函数和调用它的函数的参数。[function.]arguments[n]参数function:选项。当前正在执行的Function对象的名字。n:选项。要传递给Function对象的从0开始的参数值...
相关文章
- Sql Server、Access数据排名的实现方法
- 高中英语阅读题《successful writers 》
- jquery获取css中的选择器用法实例讲解
- 初一英语Unit 12 My favorite subject is science 课后练习题答
- Perseverance will make you successful英语作文
- HCNP-Security-CSSN考试主要内容
- MySQL安装时出现current root password的解决方法
- Myfavoritesubjectisscience教案
- HCNP-Security-CTSS考试大纲
- jQuery设置CSS属性的示例及介绍