jquary--------外部插入节点

最新推荐文章于 2024-11-22 14:16:35 发布

wangxiaohui6687

最新推荐文章于 2024-11-22 14:16:35 发布

阅读量433

点赞数

CC 4.0 BY-SA版权

分类专栏： jquary 文章标签： button function xhtml html 文档

本文链接：https://blog.youkuaiyun.com/wangxiaohui6687/article/details/7681262

jquary 专栏收录该内容

38 篇文章

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css"></style>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript">
$(function(){
   var $btn=$("button");//首先选出按钮
   $btn.click(function(){//给按钮加一个时间，并绑定一个函数
           //$("li").after("<b>加在每个li后面</b")---------after(content) :在每个匹配的元素之后插入内容
           //$("li").before("<b>加在每个li前面</b>")--------before(content):在每个匹配的元素之前插入内容
           //$("<b>加在每个ul前面</b>").insertBefore("ul")------insertAfter(content):把所有匹配的元素插入到另一个、指定的元素元素集合的后面
           //$("<b>加在每个ul后面</b>").insertAfter("ul")----------insertBefore(content) :把所有匹配的元素插入到另一个、指定的元素元素集合的前面
           //$("ul li:eq(1)").insertBefore($("ul li:eq(0)")); 移动元素的位置
                   })
       })

</script>
</head>

<body>
    <button>创建节点</button>


    <ul>
      <li>11</li>
      <li>22</li>
      <li>11</li>
      <li>11</li>
    </ul>
</body>
</html>