JQUERY為元素新增樣式的實現方法
阿新 • • 發佈:2018-12-26
由於jquery支援css3,所有能很好的相容很多瀏覽器,所以通過jquery來使用css樣式比較好 為定義好的css樣式可以呼叫元素的css方法新增樣式 $("span").css("css屬性名","屬性值") 如 $("span").css("color","red") 將標籤為span的字型都設為紅色的 $("#id") $("span") 如果是定義好的css樣式,可以通過addClass來新增,比如 <style type="text/css"> .aa{ border:1px solid red;} </style> $("#txtName").addClass("aa"); <input id="txtName" type="text" value="請輸入你的姓名" /> 下面列舉下對css樣式操作的方法: 1、.css("樣式"):獲得樣式值,比如$("input").css("color") 獲得input中字型的顏色 2、.css("樣式","value"):為樣式賦值,如$("input").css("color","red"); 3、.addClass("樣式類1,樣式類2,樣式類3"):可以新增多個定義好的樣式類 4、.hasClass("樣式類類"):判斷是否存在該樣式 5、.toggleClass("樣式類"):如果存在(不存在)就切換(刪除)樣式 6、.toggleClass("樣式類",swith):如果swith為false,則刪除樣式,如果swith為true,則切換成該類 7、removeClass("樣式類"):移除樣式類 8、.css({樣式名:"value",樣式名:"value",樣式名:"value"}):可以多次新增樣式 當然還有很多方法,這些等用到的時候查查api就可以了!