实在看不懂这两段代码,有谁可以解释下

来源:3-9 jQuery的属性与样式之元素的数据存储

紫芈璃

2017-02-10 17:16

 <script type="text/javascript">

    $('.left').click(function() {

        var ele = $(this);

        //通过$.data方式设置数据

        $.data(ele, "a", "data test")

        $.data(ele, "b", {

            name : "慕课网"

        })

        //通过$.data方式取出数据

        var reset = $.data(ele, "a") + "</br>" + $.data(ele, "b").name

        ele.find('span').append(reset)

    })

    </script>

    <script type="text/javascript">

    $('.right').click(function() {

        var ele = $(this);

        //通过.data方式设置数据

        ele.data("a", "data test")

        ele.data("b", {

            name: "慕课网"

        })

        //通过.data方式取出数据

        var reset = ele.data("a") + "</br>" + ele.data("b").name

        ele.find('span').append(reset)

    })

    </script>


写回答 关注

3回答

  • qq_随风飘_1
    2017-02-10 21:55:05
    已采纳

    <script type="text/javascript">
    $('.left').click(function(){
    var ele=$(this);       //获取单击事件的值,this表示单击的这个标签
    //通过$.data方式设置数据
    $.data(ele,"a","data test")      // 通过$.data方式将单击事件这行的a标签的值设为data test并存储在$.data
    $.data(ele,"b",{name:"慕课网"})
    //通过$.data取出数据
    var reset=$.data(ele,"a")+"<br/>"+$.data(ele,"b").name;             //将data中的值赋值给reset
    ele.find("span").append(reset);//找到this标签的相邻兄弟节点中的span,并将reset的值添加到span中去

    })
    </script>
    <script type="text/javascript">
    $('.right').click(function(){
    var ele=$(this);
    //通过.data方式设置数据
    ele.data("a","data test")
    ele.data("b",{name:"慕课网"})
    //通过.data取出数据
    var reset=ele.data("a")+"<br/>"+ele.data("b").name
    ele.find('span').append(reset)


    })

    倚窗听星语

    find是找子元素吧。不是相邻兄弟节点

    2017-02-14 15:45:35

    共 1 条回复 >

  • 慕运维9358467
    2018-07-13 13:55:06

    这里没有a标签吧,根据

    jQuery.data( element, key, value )

    这个,这里a应该是键吧,后面的"data test"是值

  • qq_随风飘_1
    2017-02-10 21:56:03

    第二段代码的意思和第一段差不多,所以没有。望采纳,谢谢!

jQuery基础 (一)—样式篇

jQuery初入开启样式修炼,体验万能的jQuery样式集搭建网站布局

217509 学习 · 1218 问题

查看课程

相似问题