为啥我的代码点击之后没有效果呢

来源:3-1 DOM内部插入append()与appendTo()

小雨4359834

2017-02-23 13:24

<!doctype html>

<html>

 <head>

  <meta charset="UTF-8">

  <meta name="Generator" content="EditPlus®">

  <meta name="Author" content="">

  <meta name="Keywords" content="">

  <meta name="Description" content="">

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

  <title>Document</title>

  <style>

     .content{width:300px;}

.append{background-color:blue;}

.appendTo{background-color:red;}

  </style>

 </head>

 <body>

  <h2>通过append与appendTo添加元素</h2>

  <button id="bt1">点击通过jQuery的append添加元素</button>

  <button id="bt2">点击通过jQuery的appendTo添加元素</button>

  <div><div>

  <script type="text/javascript">

  $("#bt1").on("click",function(){

     $(".content").append('<div>通过append方法添加的元素</div>')

  })

  <script type="text/javascript">

     $("#bt2").on("click",function(){

  $('<div>通过appendTo方法添加的元素</div>').appendTo($(".content"))

})

  </script>

  </script>

 </body>

</html>


写回答 关注

3回答

  • qq_玲玲的大_04311806
    2017-02-23 13:37:42
    已采纳

    <script type="text/javascript">

      $("#bt1").on("click",function(){

         $(".content").append('<div>通过append方法添加的元素</div>')

      })

      <script type="text/javascript">----------------------------

         $("#bt2").on("click",function(){

      $('<div>通过appendTo方法添加的元素</div>').appendTo($(".content"))

    })

      </script>--------------------------------

      </script>

    1:首先你这个标签放置有问题,<script>标签不应该是包含关系。你可以选择把我后面加虚线的那段删除,或者调整标签的位置。



      $(".content").append('<div>通过append方法添加的元素</div>')

    2:这段代码是向类content的后面增加HTML代码,但是你的HTML主体内容中,找不到content的类。

    应该在如下这段代码的div中增加类名content ,不然找不到需要被添加的位置,怎么可能看到结果呢

    <button id="bt1">点击通过jQuery的append添加元素</button>

      <button id="bt2">点击通过jQuery的appendTo添加元素</button>

      <div class="content"><div>



    望采纳,祝进步

  • moooooook
    2017-02-23 13:37:09

    </script>两个放一起了

  • moooooook
    2017-02-23 13:36:27


    .content
    是div的class,少写了,所以加不上去

jQuery基础(二)—DOM篇

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

114014 学习 · 590 问题

查看课程

相似问题