jQuery样式--css(name|pro|[,val|fn])
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>