jquery截取的字符串怎么设置css样式

html-css09

jquery截取的字符串怎么设置css样式,第1张

1)获取并设置单个css值

jQuery对象.css('css属性')

jQuery对象.css('css属性','值')

2)获取多个css属性

jQuery对象.css(css属性数组)

3)一次设置多个css样式属性

jQuery对象.css(css属性与值的对象)

4)以相对值设置样式属性

jQuery对象.css('css属性','+=10')//数字值之前加上+=或者-=

这种方式仅适用于数值单位表示的css属性

5)给第二个参数传入函数来设置样式属性

函数接受两个参数

第一个参数表示当前元素的序号

第二个参数表示当前元素当前属性的值

函数内部this代表当前的html元素对象

返回设置的样式

$('#div1').css('background',function(i,currentValue){

return

设置的属性值

})

css()方法

获取或设置样式

对以下html标签进行样式的获取和设置

css()方法设置参数,参数为要设置的样式名

可用驼峰命名也可用css命名方式。注意样式名需要加''

点击获取按钮,结果:

但是在IE浏览器里,用 console.log($('#div1').css('border'))可能会不显示或出现undefined。

在IE浏览器中,要获取边框这样的样式值,一定要记得给一个准确的边框值。例如:

console.log($('#div1').css('Border-top-width'))//2px

获取包含了多个DOM元素的jQuery对象的样式,只能获取到第一个DOM对象的样式。例如:

console.log($('div').css('width'))//200px

css(样式名,样式值)

设置的样式是行内样式

单样式里样式名必须在''里,宽高度单位px可不写,这时300可不加'',如果加px,则必须为'300px'

多样式里样式名可不加''。但是 background-color:'green' 这样写报错。

给多个div一起设置样式

隐式迭代,把每一个div都设置了同样的样式