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>
  • 相关阅读:
    .net软件开发工程师面试题
    html笔记
    好用软件
    谷歌插件
    vue笔记
    js笔记
    数组去重
    css全局样式
    css笔记
    vscod插件
  • 原文地址:https://www.cnblogs.com/jzm17173/p/3600905.html
Copyright © 2011-2022 走看看