亚洲精品久久久久久第一页-人妻少妇精彩视品一区二区三区-91国产自拍免费视频-免费一级a在线播放视频正片-少妇天天日天天射天天爽-国产大屁股喷水视频在线观看-操美女骚穴抽插性爱视频-亚洲 欧美 中文字幕 丝袜-成人免费无码片在线观看

  1. 首頁(yè) > 生活知識(shí) > >

jquery添加屬性的方法 jquery修改style樣式的某個(gè)屬性

生活百科jquery


jquery添加屬性的方法 jquery修改style樣式的某個(gè)屬性

文章插圖
js插件jquery可以很方便的對(duì)HTML的元素進(jìn)行操作，比如一些元素的顯示與隱藏，一些元素的動(dòng)態(tài)效果等，今天就說一說通過jquery獲取DIV元素的CSS屬性，以及設(shè)置DIV元素的CSS屬性的方法 。
jquery獲取DIV元素的CSS屬性值jq獲取DIV元素的屬性值，可以使用css()方法
例：利用jquery獲取DIV元素的寬
<!DOCTYPE html><html><head> <title>Document</title> <style> #mochu{ margin: 10px; padding: 10px; color: red; height: 30px; width: 40px; } </style> <script src="https://www.520longzhigu.com/uploads/allimg/220425/1444544930-1.jpg"></script></head><body> <div id="mochu">飛鳥慕魚博客<br/>http://www.feiniaomy.com</div> <script> var h = $('#mochu').css('width'); console.log(h); </script></body></html>打印結(jié)果：
40px例：利用jquery獲取DIV元素的高
<!DOCTYPE html><html><head> <title>Document</title> <script src="https://www.520longzhigu.com/uploads/allimg/220425/1444544930-1.jpg"></script></head><body> <div id="mochu">飛鳥慕魚博客<br/>http://www.feiniaomy.com</div> <script> var h = $('#mochu').css('height'); console.log(h); </script></body></html>打印結(jié)果：
42px注意：
1、如果給DIV元素定義了CSS屬性的值，則直接輸出定義的CSS值
2、如果未定義DIV元素的CSS屬性值，則輸出瀏覽器渲染后DIV的默認(rèn)值
利用jquery設(shè)置DIV元素的值在JQ中可以通過CSS方法獲取DIV元素的CSS屬性值，也可以設(shè)置或改變?cè)氐腃SS屬性值
例：利用jq改變字體的顏色
<!DOCTYPE html><html><head> <title>Document</title> <script src="https://www.520longzhigu.com/uploads/allimg/220425/1444544930-1.jpg"></script></head><body> <div id="mochu">飛鳥慕魚博客<br/>http://www.feiniaomy.com</div> <script> $('#mochu').css('color','red'); </script></body></html>結(jié)果如圖：
注：改變DIV中字體的顏色其實(shí)就是給這個(gè)DIV加入了一個(gè) color 的CSS屬性，并把屬性值設(shè)置成 red（紅色）
在瀏覽器中查看元素就可以發(fā)現(xiàn)加入的CSS屬性
例：給DIV元素加入多個(gè)CSS屬性
<!DOCTYPE html><html><head> <title>Document</title> <script src="https://www.520longzhigu.com/uploads/allimg/220425/1444544930-1.jpg"></script></head><body> <div id="mochu">飛鳥慕魚博客<br/>http://www.feiniaomy.com</div> <script> $('#mochu').css({'color':'red','heigth':'40px','width':'40px'}); </script></body></html>在瀏覽器中審核元素，如下圖
可以發(fā)現(xiàn)，對(duì)過JQ設(shè)置的CSS屬性都寫到了DIV上
注意：利用JQ的CSS()方法設(shè)置或添加多個(gè)CSS屬性的時(shí)候，要以{”:”,”:”}這種數(shù)據(jù)格式寫入 。


    以上關(guān)于本文的內(nèi)容，僅作參考！溫馨提示：如遇健康、疾病相關(guān)的問題，請(qǐng)您及時(shí)就醫(yī)或請(qǐng)專業(yè)人士給予相關(guān)指導(dǎo)!

    「愛刨根生活網(wǎng)」www.malaban59.cn小編還為您精選了以下內(nèi)容，希望對(duì)您有所幫助：