注释里,法一,jq点击事件里调用函数,直接return为什么不可以

来源:5-6 DOM包裹wrapInner()方法

慕粉18221508921

2016-12-15 21:09

<!DOCTYPE html>

<html>


<head>

    <meta http-equiv="Content-type" content="text/html; charset=utf-8" />

    <title></title>

    <script src="http://libs.baidu.com/jquery/1.9.1/jquery.js"></script>

    <style>

    .left,

    .right {

        width: 250px;

        height: 130px;

    }

    

    .left div,

    .right div {

        width: 100px;

        padding: 5px;

        margin: 5px;

        float: left;

        border: 1px solid #ccc;

        background: #bbffaa;

    }

    

    .right div {

        background: yellow; 

    }

    p {

        border: 1px solid red;

    }

    

    a {

        border: 1px solid blue;

    }

    </style>

</head>



<body>

    <h2>DOM包裹wrapInner()方法</h2>

    <div class="left"> 

        <div class="aaron2">点击,通过wrapInner的回调方法给每个div元素增加内部父容器a</div>

    </div>    

    <div class="left">

        <div class="left1">a元素</div>

        <div class="left1">a元素</div>

    </div>    

    <script type="text/javascript">

   

    $(".aaron2").on("click",function(){

        return "$('.left1').wrapInner('<p></p>')";//法一

        /*$(".left1").wrapInner(function(){

            return "<p></p>";

        });*///法二

       /* $(".left1").wrapInner("<p></p>");*///法三

    });

    </script>

</body>


</html>


写回答 关注

3回答

  • wateryang
    2016-12-16 23:56:28
    已采纳

    去掉“”双引号就可以了,加了双引号就不是一个jquery对象了。

    return “$('.left1').wrapInner('<p></p>')";//法一

    return $('.left1').wrapInner('<p></p>');//法一更正

    慕粉1822...

    明白了,,,是引用的问题,诶,谢谢提醒!

    2016-12-17 22:12:28

    共 1 条回复 >

  • orangewangjie3473319
    2016-12-16 09:41:59

    为什么不去掉 那个return呢

  • orangewangjie3473319
    2016-12-16 09:41:39

    为什么不去掉 那个return呢

jQuery基础(二)—DOM篇

jQuery第二阶段开启DOM修炼,了解创建、插入、删除与替换

114012 学习 · 590 问题

查看课程

相似问题