最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jquery操作HTML5 的data-*的用法實(shí)例分享

 更新時(shí)間：2014年08月17日 17:15:38   投稿：hebedich  
從jQuery 1.4.3起， HTML 5 data- 屬性 將自動(dòng)被引用到j(luò)Query的數(shù)據(jù)對(duì)象中。也就是說(shuō)雖然 data-* 是在html5 中的元素, 但是如果使用 jquery 1.4.3庫(kù)以上的.還是可以 在非HTML5的頁(yè)面或?yàn)g覽器里, 仍然可以使用.data(obj)方法來(lái)操作"data-*" 數(shù)據(jù).

閱讀HTML5的詳細(xì)規(guī)范后你會(huì)發(fā)現(xiàn)，這個(gè)自定義data屬性的用法非常的簡(jiǎn)單，就是你可以往HTML標(biāo)簽上添加任意以 "data-"開(kāi)頭的屬性，這些屬性頁(yè)面上是不顯示的，它不會(huì)影響到你的頁(yè)面布局和風(fēng)格，但它卻是可讀可寫(xiě)的。

jquery 里已經(jīng)內(nèi)置這個(gè)方法. 通過(guò) $(‘#content‘).data(‘list'); 就能獲取數(shù)據(jù). 這個(gè)方法是在 jQuery1.4.3版本后出現(xiàn)的,它能返回相應(yīng)的data屬性.

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>jquery操作HTML5 的data-*的用法</title>
</head>
<script src="http://code.jquery.com/jquery-2.1.0.min.js"></script>
<script>
$(function(){
    //讀取data-*的值
    $("li").each(function(v) {
        console.log($(this).data('name'));
    });
    
    //設(shè)置data-*的值
    $("li").eq(0).data('name','bryant');
    $("li").each(function(v) {
        console.log($(this).data('name'));
    });
    
    //刪除data-*的值   這里使用的是removeAttr，測(cè)試官方的removeData是不起作用的
    $("li").eq(0).removeAttr('data-name');
    $("li").each(function(v) {
        console.log($(this).data('name'));
    });
})
</script>
<body>
<ul>
    <li data-name="kobe">科比</li>
    <li data-name="gasol">加索爾</li>
    <li data-name="nash">納什</li>
    <li data-name="fisher">費(fèi)舍爾</li>
</ul>
</body>
</html>

相關(guān)文章

最新評(píng)論

固始县| 保亭| 博白县| 古浪县| 珲春市| 红桥区| 灌云县| 巴彦淖尔市| 宜黄县| 佛坪县| 涡阳县| 上蔡县| 靖远县| 永清县| 呼和浩特市| 富裕县| 上高县| 鹤壁市| 治县。| 儋州市| 花垣县| 伊通| 盐池县| 井研县| 永宁县| 台江县| 绥德县| 高雄县| 长寿区| 临沭县| 景德镇市| 台山市| 沙坪坝区| 育儿| 清丰县| 昆山市| 新乡县| 天镇县| 平乡县| 麻城市| 瓦房店市|