如果瀏覽不順暢請到原文章出處:https://www.sky8g.com/technology/1129/
請注意可能會提示風險,這是csdn官網如果不是他們的網址,其他的網址都會提示有風險,這是CSDN網站設置的問題,本網站全部文章爲免費技術分享,請放心訪問,無需擔心。
原文章出處:https://www.sky8g.com/technology/1129/
此篇文章是由SKY8G網作者原創,禁止抄襲。
在做前段website開發時時候,我們 一般都比較喜歡使用js框架來開發項目,這樣開發的效率是很高的。但對於我來說我最喜歡的js庫就是jQuery庫了,jQuery有着其他的庫所沒有的
Dom操作,它最強大的就是Dom操作元素,使得你在選擇節點時更方便,好了讓我們看看jQuery怎麼使用它來獲取自定義的屬性值的。
首先我們要創建一個文件爲sky8g.html文件,代碼如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>怎麼使用jQuery獲取自定義屬性值</title> <script src="jquery.js"></script> <script> $(function(){ //獲取div 的id爲data的對象 var j = $('#data'); //取出對象的值使用jQuery的方法data()方法,注意要使用data-後面的屬性 alert(j.data('sky8g')); }); </script> </head> <body> <div id="data" data-sky8g="這是sky8g網站">歡迎來到sky8g網站,這裏爲你提供最好的IT技術支持!</div> </body> </html> |
輸出
如果有不懂的地方請留言,SKY8G網站編輯者專注於研究IT源代碼研究與開發。希望你下次光臨,你的認可和留言是對我們最大的支持,謝謝!