jquery中动态删除外部script_IT百科

复制链接，扫一扫，专栏目录，jQuery的动态删除和添加。

才加载指定的外部js并且在离开指定路由或者组件的时候，删除掉引入的js动态引入。

主要介绍了jquery动态添加删除tr/td的方法。

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。

2、在index.html中的<script>标签，输入jquery代码：

$('body').append('<input type="button" value="确定">')

3、浏览器运行index.html页面，此时成功通过jquery动态创建了一个确定按钮。

JQuery中点击一次添加按钮，增加一个div的思路如下

给按钮注册一个点击的监听事件

在监听器中创建一个div元素附加在一个html元素后面

示例代码如下

<!DOCTYPE html>

<html>

<head>

#father

{

width:150px

height:150px

background-color:red

}

#father div

{

width:50px

height:50px

background-color:green

font-size:12px

}

</style>

$(document).ready(function(){

$("#btn").click(function(){

})

//father元素后面增加一个div元素

$("#father").prepend("<div>新的div</div>")

})

</script>

</head>

<body>

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

jquery中动态删除外部script