午夜大秀毛片,亚洲综合伊人色婷婷

jQuery的屬性與樣式之增加樣式.addClass()

通過動態改變類名（class），可以讓其修改元素呈現出不同的效果。在HTML結構中里，多個class以空格分隔，當一個節點（或稱為一個標簽）含有多個class時，DOM元素響應的className屬性獲取的不是class名稱的數組，而是一個含有空格的字符串，這就使得多class操作變得很麻煩。同樣的jQuery開發者也考慮到這種情況，增加了一個.addClass()方法，用于動態增加class類名

.addClass( className )方法

.addClass( className ) : 為每個匹配元素所要增加的一個或多個樣式名
.addClass( function(index, currentClass) ) : 這個函數返回一個或更多用空格隔開的要增加的樣式名

注意事項：

.addClass()方法不會替換一個樣式類名。它只是簡單的添加一個樣式類名到元素上

簡單的描述下：在p元素增加一個newClass的樣式

<p class="orgClass">
$("p").addClass("newClass")

那么p元素的class實際上是 class="orgClass newClass"樣式只會在原本的類上繼續增加，通過空格分隔

任務

在代碼編輯器中第61行填寫相應代碼

addClass

在代碼編輯器中第71行填寫相應代碼

addClass

?不會了怎么辦

index.html

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8" /> <title></title> <style> .left, .right { width: 300px; height: 120px; } .left div, .right div { width: 100px; height: 90px; padding: 5px; margin: 5px; float: left; border: 1px solid #ccc; } .newClass{ background: #bbffaa; } .imoocClass{ background: red; } </style> <script src="http://www.xianlaiwan.cn/static/lib/jquery/1.9.1/jquery.js"></script> </head> <body> <h2>.addClss()方法</h2> <div class="left"> <div class="aaron"> <p>newClass</p> </div> <div class="aaron"> <p>newClass</p> </div> </div> <div class="right"> <div class="aa bb imooc"> <article> <p>imoocClass</p> </article> </div> <div class="bb cc imooc "> <article> <p>imoocClass</p> </article> </div> </div> <script type="text/javascript"> //class=left下div元素增加一個新的樣式，增加背景顏色 $('.left div').?('newClass') </script> <script type="text/javascript"> //通過className(fucntion)方法 //這個函數返回一個或更多用空格隔開的要增加的樣式名。 //接收index 參數表示元素在匹配集合中的索引位置和html 參數表示元素上原來的 HTML 內容 //找到所有的div，然后通過addClass設置顏色，根據返回的className的判斷， $("div").?(function(index,className) { //找到類名中包含了imooc的元素 if(-1 !== className.indexOf('imooc')){ //this指向匹配元素集合中的當前元素 $(this).addClass('imoocClass') } }); </script> </body> </html>

提問題

提交

其他問答

查看更多本節問答

寫筆記

公開筆記

提交

全屏

請驗證，完成請求

由于請求次數過多，請先驗證，完成再次請求

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

3-4 jQuery的屬性與樣式之增加樣式.addClass()

jQuery的屬性與樣式之增加樣式.addClass()

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

3-4 jQuery的屬性與樣式之增加樣式.addClass()

熱搜

最近搜索清空

jQuery的屬性與樣式之增加樣式.addClass()

任務

提問題

其他問答

寫筆記

您還未綁定服務號

收藏課程后，能更快找到我哦～

手記推薦

收藏課程后，能更快找到我哦～