jQuery樣式--css(name|pro|[,val|fn])
阿新 • • 發佈：2018-12-12
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>