Jquery复习2

最新推荐文章于 2022-11-16 21:12:57 发布

VIP文章小恶魔O

最新推荐文章于 2022-11-16 21:12:57 发布

阅读量133

点赞数

分类专栏： jQuery 文章标签： jquery

本文链接：https://blog.csdn.net/qq_37777208/article/details/101441241

版权

个人博客
 Jquery复习1
jquery总结

一、元素的相关操作

1、元素的创建

法一

//点击一个按钮,创建一个按钮
  $("#btn").click(function () {
   
   $("<input type='button' value='按钮'>").appendTo($("#dv"));
  });

法二

  //元素创建的另一个方式
      $("#btn").click(function () {
   
        //通过innerHTML的方式创建元素---以字符串的方式   
        $("#dv").html("<input type='button' value='按钮'>");
      });

2、元素的添加

$("#btn").click(function () {
   
        //把创建的span标签这个子元素直接插入到div中第一个子元素的前面
        $("#dv").prepend($("<span>this is span</span>"));
        //主动的方式
        $("<span>this is span</span>").prependTo($("#dv"));
        //把元素添加到div的后面的位置,是div的下一个兄弟元素了
        $("#dv").after($("<span>this is span</span>"));
        //把元素添加到div的前面的位置,是div的上一个兄弟元素了
        $("#dv").before($("<span>this is span</span>"));
      });

3、元素的删除

$("#btn").click(function () {
   
        //从父级元素中移除子级元素---移除所有的子元素
        $("#dv").html("");
        //清空父元素中的子元素
        $("#dv").empty();//清空
        //想要干掉谁,直接找到这个元素,调用这个方法就可以了
        $("#dv").remove();//自杀---，不是清空
      });

4、案例：点击按钮创建，删除表格，增加行

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>title</title>

最低0.47元/天解锁文章

小恶魔O

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Jquery复习2

一、元素的相关操作1、元素的创建法一//点击一个按钮,创建一个按钮 $("#btn").click(function () { $("<input type='button' value='按钮'>").appendTo($("#dv")); });法二 //元素创建的另一个方式 $("#btn").click(function () { ...
复制链接

扫一扫