如何在jQuery中獲取自定義的屬性的值

如果瀏覽不順暢請到原文章出處: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源代碼研究與開發。希望你下次光臨,你的認可和留言是對我們最大的支持,謝謝!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章