首先我们看看 css(key, value) 和 css(name)
css(key, value)
在所有匹配的元素中，设置一个样式属性的值。
css(name)
访问第一个匹配元素的样式属性。使用这个方法可以很容易地取得第一个匹配元素的样式属性的值。
css(properties)
把一个“名/值对”对象设置为所有匹配元素的样式属性。 这是一种在所有匹配的元素上设置大量样式属性的最佳方式。
首先我们看看
css(key, value)
我们看看下面代码
$("#css1").click(function(){
$(this).css("border","2px dashed #000000");
})
当鼠标单击ID为css1的元素 此元素的border属性设置成 "2px dashed #000000"
$(this).css("border","2px dashed #000000");
})
当鼠标单击ID为css1的元素 此元素的border属性设置成 "2px dashed #000000"
css(name)
$("#css2").click(function(){
$(this).css("border","2px dashed #6600FF");
alert($(this).css("border"));
})
$(this).css("border","2px dashed #6600FF");
当鼠标单击ID为css2的元素 此元素的border属性设置成 "2px dashed #6600FF"
alert($(this).css("border"));
获得border的属性值.
$(this).css("border","2px dashed #6600FF");
alert($(this).css("border"));
})
$(this).css("border","2px dashed #6600FF");
当鼠标单击ID为css2的元素 此元素的border属性设置成 "2px dashed #6600FF"
alert($(this).css("border"));
获得border的属性值.
css(properties)
$("#css3").click(function(){
$(this).css({ color: "white", background: "red" });
})
当鼠标单击ID为css3的元素 样式color为wihte background为red
$(this).css({ color: "white", background: "red" });
})
当鼠标单击ID为css3的元素 样式color为wihte background为red
下面我们看看height和width用法 其实从单词意思上也应该知道的差不多
height(val)
为每个匹配的元素设置CSS高度(height)属性的值。如果没有明确指定单位（如：em或%），使用px。
height()
取得第一个匹配元素当前计算的高度值（px）。
height(val)
$("#height1").click(function(){
$(this).height("200px");
alert($(this).height());
})
$(this).height("200px"); 当鼠标单击ID为height1的元素 此元素的高度将变成200px
alert($(this).height());显示height的值
$(this).height("200px");
alert($(this).height());
})
$(this).height("200px"); 当鼠标单击ID为height1的元素 此元素的高度将变成200px
alert($(this).height());显示height的值
width(val) width() 和height是一样的 只不过就是设置宽度.这里就不多说了.
不错，写的很详细！！
Good site! Interesting information.. )
谢谢，学习了