zoukankan      html  css  js  c++  java
  • -_-#【jQuery】data

    .data()

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body data-last-value="43" data-options='{"name": "John"}'>
        <script src="http://upcdn.b0.upaiyun.com/libs/jquery/jquery-2.0.3.min.js"></script>
        <script>
            /**
             * 在匹配元素上存储任意相关数据 或 返回匹配的元素集合中的第一个元素的给定名称的数据存储的值
             * 从jQuery 1.4.3起, HTML 5 data- 属性 将自动被引用到jQuery的数据对象中
             * .data(key, value)
             * .data(obj)
             * .data(key)
             * .data()
             */
            $('body').data('foo', 52)
            $('body').data({baz: [1, 2, 3]}) // 在 jQuery 1.4.3 用.data(obj)设置一个元素的数据对象可以扩充元素上原先存储数据
            console.log($('body').data())
            console.log($('body').data('options').name)
            console.log(typeof $('body').attr('data-options')) // string
        </script>
    </body>
    </html>
  • 相关阅读:
    redis入门
    elementui入门
    1387:搭配购买(buy)
    P1536 村村通
    1388:家谱(gen)
    1389:亲戚
    1385:团伙(group)
    P1305 新二叉树
    P5076 【深基16.例7】普通二叉树(简化版)
    二叉搜索树(BST)模版
  • 原文地址:https://www.cnblogs.com/jzm17173/p/3600905.html
Copyright © 2011-2022 走看看