jquery中css多个属性怎么写

我这里本地测试过，这两种写法都是可以的，我这里测试过div及input的四种写法，为了效果明显，我将font-size设置为了44px.

首先，第一种写法，是div，id="searchStr"，然后给的是html，样式是color为red

然后，第二种写法，是下面的多个属性，是css({})，里面传入一个json对象，用法是不错的，但是有些属性，需要变成驼峰式的写法，比如font-size要换成fontSize，background-color等换成backgroundColor等。但是这种写法，我这里是支持的。

第三种写法，是input配合样式，我觉得这里你可能需要变更一下写法，需要把html换成val方法，因为input元素没有html，只有value属性，对应jquery中就是val方法。

如果继续使用html方法的话，输入框里没有文字，但是dom元素中是插入的

换成第四种，多个属性的话，使用val方法，也是有效果的，

如果继续使用html方法，可以看到虽然输入框里没有文字，但是输入框的大小明显被文字撑开了，所以设置的样式是有效果的。

最后，我这里使用的jquer是百度的压缩2.1.1版本，首先检查一下你使用的jquery的版本，然后去jQuery官方网站上确认一下该版本是否支持这种写法了，一般来讲应该支持的。

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

设置的属性值

})

---