问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

新手求各位帮忙解释一下这几段代码。

头像
Vx_丶
    9411223

    感谢各位能抽空进来，新手提问。觉得没用可以点。
    在看ES6的时候看到的这个。
    代码1

    var data = $('body').data(); // data有house和mouse属性
var house = data.house;
var mouse = data.mouse;
console.log(data);

    代码2

    var { house, mouse} = $('body').data()
console.log({house,mouse});
console.log($("body").data())

    代码3

    var data = $('body').data(); // data有house和mouse属性
var house = data.house;
var mouse = data.mouse;
data.house=1;data.mouse=2;
console.log(house+"/"+mouse)

    代码1 console.log(data)时候对象里什么也没有
    代码2 console.log({house, mouse})时候对象里有属性，console.log($("body").data())时候就没了
    代码3 console.log为undefined
    新手提问，谢谢各位！

    javascriptecmascript-6
    阅读 2k
    2 个回答
    得票最新
    头像
    papersnake
      12k31739
      <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>JS Bin</title>
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
</head>
<body data-house="123" data-mouse="456">

hello
</body>
</html>
      var data = $('body').data(); // data有house和mouse属性
var house = data.house;
var mouse = data.mouse;
console.log(data);
      输出:
[object Object] {
 house: 123,
 mouse: 456
}
      头像
      Farris
        191

        这个只是用到了jquery的data函数而已
        该函数可以在元素上存放数据,返回jQuery对象。

        $("div").data("test", { first: 16, last: "pizza!" });
$("div").data("test").first  //16;
$("div").data("test").last  //pizza!;
        撰写回答
        你尚未登录，登录后可以
        • 和开发者交流问题的细节
        • 关注并接收问题和回答的更新提醒
        • 参与内容的编辑和改进，让解决方法与时俱进
        推荐问题