hasData

hasData

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>jQuery chapter 2 Demo</title>
</head>
<body>
    <img id = 'logo' src = './logo.jpg' alt = 'jQuery logo' class = 'img-jquery' title = 'jQuery logo' data-id = '1' data-data1 = 'html data1'/>
    <br/>
      <img id = 'logo2' src = './logo.jpg' alt = 'jQuery logo2' class = 'img-jquery2' title = 'jQuery logo2' data-id = '2' data-data2 = 'html data2'/>
      <br/>
    <input type = 'checkbox' id = 'check' tabIndex = '1' style = 'width: 50px; height: 50px'  description = 'just a checkbox'  autocomplete = "off"/>
    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>
    <script>
        var checkbox = document.getElementById('check');
        console.log(checkbox.description);
        $(function() {
            var img = $('img');
            var checkbox = $('#check');

            // checkbox.data('lastDec', 'just a checkbox');
            // checkbox.data({
            //     name: 'Shuo',
            //     age: 24,
            //     gender: 'male'
            // });
            // console.log(checkbox.data('lastDec'));
            // console.log(checkbox.data('last-dec'));
            // console.log(checkbox.data('name'));
            // checkbox.prop('str', {
            //     name: 'Shuo',
            //     age: 24,
            //     gender: 'male'
            // });
            // checkbox.attr('str', {
            //     name: 'Shuo',
            //     age: 24,
            //     gender: 'male'
            // });
            // console.log(checkbox.attr('str'));
            // console.log(checkbox.prop('str'));
            // img.data('data1', 'new data1');
            img.data({
                data1: 'data1',
                data2: 'data2',
                data3: 'data3'
            });
            img.removeData('data1 data2');
            img.removeData();
            console.log(img.data());
            console.log($.hasData(img.get(0)));
        });
    </script>
</body>
</html>

在判断有无数据之前,我已经把所有自定义数据删掉了,只剩html自带的了,为什么返回的还是true?

谢谢

http://img1.sycdn.imooc.com//climg/5b7035070001fb7217960718.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
妮可妮可妮_ 2018-08-13 10:38:06

data( )方法添加某个属性,然后返回所有属性,console.log(img.data()); 这一步导致后面的hasData添加了空属性,所以判断为true

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星

相似问题

登录后可查看更多问答,登录/注册

请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师