jquery中的创建节点和添加节点的方法

今天来说一下针对jquary关于创建节点和添加节点的方法，先来看看创建节点：

1、直接添加节点内容即可

  $("div").append('<a href="http://www.baidu.com">百度一下</a>');

2、可以创建jquary对象添加进去

var $li=$('<a href="http://www.baidu.com">百度一下</a>');$("div").append($li)

以上两种方法都是常用到的。

接下来就看看如何添加节点：就拿这个简单的小例子说明一下

1、append方法

<body><div>我是里面的div</div><p>我是外面p</p>
</body><script>$(function(){$("div").append($("p"));//添加到元素内容的后面
    })
</script>

2、prepend方法

<body><div>我是里面的div</div><p>我是外面p</p>
</body><script>$(function(){$("div").prepend($("p"));//添加到元素内容的前面
})
</script>

3、appendTo方法

<body><div>我是里面的div</div><p>我是外面p</p>
</body><script>$(function(){$("p").appendTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的后面面
    })
</script>

4、prependTo方法

<body><div>我是里面的div</div><p>我是外面p</p>
</body><script>$(function(){$("p").prependTo($("div"));//子元素添加到父元素里,并且添加到父元素内容的前面
    })
</script>

5、after方法

<body><div>我是里面的div</div><p>我是外面p</p>
</body><script>$(function(){$("div").after($("p"));//添加到自己的后面
    })
</script>

6、before方法

<body><div>我是里面的div</div><p>我是外面p</p>
</body><script>$(function(){$("div").before($("p"));//添加到自己的前面
    })
</script>

好了~以上便是添加节点的几个方法，都可以用，不过具体项目中可以根据情况来具体使用！

转载于:https://www.cnblogs.com/web001/p/8406998.html

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/news/369679.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！