css(name|pro|[,val|fn])
概述
访问匹配元素的样式属性
参数
- name 要访问的属性名称
- name 一个或多个CSS属性组成的一个数组
- properties 要设置为样式属性的名/值对
- name,value 属性名,属性值
- name,function(index, value) 1:属性名；2:此函数返回要设置的属性值。接受两个参数，index为元素在对象集合中的索引位置，value是原先的属性值
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
<script type="text/javascript">
$(function(){
$("#btn").click(function(){
alert($("p:eq(0)").css("color")); $("p:eq(1)").css("color","#FF0000"); $("p:eq(2)").css({"color":"#FF0000","font-weight":"bold"}); $("p:eq(3)").css("color",function(){
return "#0000FF";
});
});
});
</script>
</head>
<body>
<div>
<p style="color:#FF0000">第一个段落。</p>
<p>第二个段落。</p>
<p>第三个段落。</p>
<p>第四个段落。</p>
</div>
<button id="btn">点击</button>
</body>
</html>