问答详情
源自:3-9 jQuery的属性与样式之元素的数据存储

jQuery的数据存储

<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>

why?这是啥

提问者:i拾贝 2017-02-21 12:31

个回答

  • 慕粉0847118305
    2017-02-21 18:41:14
    已采纳

    初学,个人见解,还请多多指教!

    $.data(ele, "a", "data test"),它的作用,在ele对象下,将“data test”存到“a”中;

    $.data(ele, "b", {

                name : "慕课网"

            })  它的作用,在ele对象下,将“name : "慕课网"”存到“b”中;

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

    它的作用是,用ele对象读出a中的元素,从b中读出name的值,赋值为reset;

    ele.find('span').append(reset)  它的作用是,在ele对象下,找到span元素,在其中追加reset中的内容