JQuery是一個(gè)JavaScript庫(kù),它提供了方便的快捷操作DOM,以及實(shí)現(xiàn)動(dòng)態(tài)效果和交互的工具。在Jquery中,我們可以使用$this.data方法,獲取一個(gè)元素上存儲(chǔ)的數(shù)據(jù)。
//html代碼 <div data-name="John" data-age="28"> </div> //js代碼 var name = $("div").data("name"); var age = $("div").data("age"); console.log(name); // John console.log(age); // 28
上面的代碼中,我們首先在HTML中給
元素添加了兩個(gè)data屬性,分別存儲(chǔ)了一些數(shù)據(jù)。在JavaScript代碼中,我們通過$this.data方法,獲取到了這兩個(gè)數(shù)據(jù):name和age,并分別打印輸出了結(jié)果。
使用$this.data方法的另一個(gè)常見場(chǎng)景是,通過這個(gè)方法來向DOM中存儲(chǔ)一些數(shù)據(jù)。例如:
//html代碼 <div> </div> //js代碼 $("div").data("name", "John"); $("div").data("age", "28");
上面的代碼中,我們首先創(chuàng)建了一個(gè)空的
元素,在JavaScript代碼中,我們使用$this.data方法,分別為這個(gè)元素添加了兩個(gè)屬性:data-name和data-age,并將一些數(shù)據(jù)存儲(chǔ)到屬性中。
總之,$this.data方法是在Jquery中非常有用的一個(gè)方法,我們可以通過它方便地獲取和存儲(chǔ)數(shù)據(jù),實(shí)現(xiàn)更多有趣的功能和效果。