在使用Jquery .html()函数替换包含<script>的<div>后，如何从Javascript的内存中删除函数？
在使用Jquery .html()函数替换包含<script>的<div>后，如果想要从Javascript的内存中删除函数，可以采取以下步骤：
- 首先，使用Jquery的.empty()函数清空包含<script>的<div>元素的内容，确保其中的函数被移除。
$("#yourDivId").empty();- 接下来，使用Jquery的.remove()函数彻底删除包含<script>的<div>元素及其所有子元素，以确保内存中不再存在该元素和相关函数。
$("#yourDivId").remove();- 最后，如果该函数是通过Jquery的.on()函数绑定到其他元素上的事件处理程序，还需要使用Jquery的.off()函数解绑该事件处理程序，以确保内存中不再保留对该函数的引用。
$(document).off("click", "#yourElementId", yourFunction);需要注意的是，以上步骤仅适用于通过Jquery动态添加的函数。如果函数是通过其他方式添加到内存中的，可能需要根据具体情况采取相应的删除操作。
此外，Jquery是一款非常流行的前端开发框架，它简化了JavaScript的操作，提供了丰富的API和插件，可以帮助开发者更高效地进行前端开发。Jquery的.html()函数用于设置或获取元素的HTML内容，.empty()函数用于清空元素的内容，.remove()函数用于彻底删除元素及其子元素。Jquery还提供了其他众多功能强大的函数和插件，可以满足各种前端开发需求。
推荐的腾讯云相关产品：腾讯云云服务器（CVM）是一种可弹性伸缩的云计算基础服务，提供了丰富的计算资源和网络能力，适用于各种应用场景。您可以通过腾讯云云服务器来搭建和运行您的网站、应用程序、数据库等。了解更多信息，请访问腾讯云云服务器产品介绍页面：https://cloud.tencent.com/product/cvm
相关·内容
我有一个带有div标记的主页，它用于动态加载(使用)一个引导模式(一个独立的html文件)。
我使用load的“完全”函数将参数传递到该页面。在执行完整函数时，我在模态html中设置了一些隐藏参数。该模式html引用另一个具有函数的javascript文件，该文件使用我在主页中设置的参数(使用“完全”函数)初始化该模式。
问题是在加载了模态html和模态javascript之后执行“完全”，所以我无法进行适当的初始化。因此，我需要确保在主页面上执行“完全”函数之后执行模态javascript。
这是一个大型项目，但基本上是这样的代码：
main-page.html
<!DOCTYPE h
浏览 0提问于2016-12-03得票数 0
回答已采纳
我有main.html页面，我在main.html中调用子页面如下：
main.html
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></s
浏览 16提问于2015-09-06得票数 3
回答已采纳
我见过这个问题问过几次，但没有什么能帮上忙。
在我的cshtml文件中，我有以下内容：
<div class="col-lg-8">
@Html.Raw(SelectListHelper.CreateDropDownList("ddlStateCode", Application.DataCache.GetStatesAsLookup()))
</div>
<div class="col-lg-8">
<select class="dropdown" id="ddl
浏览 1提问于2014-04-02得票数 0
回答已采纳
因为这个错误，我已经头疼了一天了。
The jQuery object is actually just the init constructor 'enhanced'
return new jQuery.fn.init( selector, context, rootjQuery );
} has no method 'curCSS'
我的html是：
<input class="field2" type="text" name="time" placeholder="Time"
浏览 1提问于2012-12-06得票数 8
回答已采纳
我想以JQuery对话框的形式打开一个局部视图，当我单击一个链接以打开另一个Jquery对话框时，该对话框将覆盖已打开的对话框。
我可以这样做吗？如果有可能，我如何才能做到这一点？
编辑1：
第一个视图
@model AuctionWebProject.Areas.Admin.Models.CategoryModel
@{
ViewBag.Title = "Edit Category";
Layout = "~/Views/Shared/_Layout.cshtml";
}
<!DOCTYPE html>
&l
浏览 0提问于2011-12-28得票数 1
回答已采纳
我使用class来设置元素的可拖放属性(UL、LI或DIV)。因此，当我在设计时创建元素时，我可以根据需要进行拖放。但是当我动态创建一个元素时(一个带有id='ontheflyDiv‘的div )不能像droppable那样工作。
提前谢谢。
<html xmlns="">
<head>
<title></title>
<link rel="stylesheet" href="/Styles/themes/base/jquery.ui.all.css">
浏览 2提问于2011-08-16得票数 3
回答已采纳
各位：
对不起，我是个菜鸟，不知道怎么解决这个问题：
当我从一个有谷歌地图的页面导航时，我会发现IE8中有一个错误。
以下是错误的详细信息
网页错误详细信息
消息:对象期望行: 37 Char: 1代码:0 URI:
事实证明，第37行在其上有以下一行(当您执行视图源时)：
<body onload="load()" onunload="GUnload()">
我认为这是一个相当常见的问题。有人知道解决办法吗？
我是张贴的代码，从查看源代码的网页上的问题。提前谢谢。
<!DOCTYPE html PUBLIC "-//W3C//DT
浏览 0提问于2012-04-21得票数 0
1回答
我的目标是模拟runProcedure函数并检查它是否在用户单击后被调用。但是，测试仍然失败，尽管可以清楚地看到，一旦用户单击页面，如果miniWindowShowing变量是false，则会调用该false函数，这是页面加载时的情况。有人能解释如何使用QUnit和sinon来实现这个目标吗？下面是我正在使用的代码。
QUnit HTML页面
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Function Testing</titl
浏览 0提问于2013-08-13得票数 0
回答已采纳
3回答
我有这个html片段。我希望解析这个片段并发出没有javascript标记的html。
<html>
<body>
<div class="content">lorem ipsum</div>
<script src="/js/jquery.js" type="text/javascript"></script>
<script src="/js/bootstrap.min.js" type=&#
浏览 3提问于2013-10-24得票数 1
回答已采纳
2回答
我有一个简单的html/javascript代码，它将创建一些DOM，然后删除它们。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="utf-8">
<title>Custom Plunker</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></
浏览 2提问于2013-03-09得票数 3
回答已采纳
1回答
我有一个奇怪的行为(至少) IE11和边缘(最低限度在Chrome)。我创建了一个iFrame，然后分离它，但是内存不断增加。在这个iFrame中，只加载一个带有javaScript导入的空页面。
我发现了一些建议，可以将iFrame的src改为约:空，但它仍然不起作用。有谁知道出了什么问题吗？
编辑：
我用jQuery purgeFrame插件尝试了一下，并改变了速度和迭代次数。
因为它似乎主要是一个IE11和边缘问题，我们也在上发布了它
外层框架的新代码是：
<!doctype html>
<html>
<head>
<me
浏览 0提问于2016-08-09得票数 3
使用jquery.load()，我从一个也包含javascript函数的文件中将一些html加载到页面中。
稍后，我尝试使用jquery.empty删除html和javascript，但是一旦浏览器解析了脚本，我就无法摆脱它，所以我正在寻找关于如何做到这一点的建议。
下面是测试源：
index.html
<head>
<script src="//code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
<script>
$(function
浏览 0提问于2013-09-06得票数 1
回答已采纳
2回答
我想知道下面的代码是否会导致一些问题，比如内存泄漏
<html>
<head>
<script type='text/javascript' src='jquery-1.4.2.js'> </script>
<script type="text/javascript">
function a(){
for(var i = 0; i < 50000; i++){
$("#d").h
浏览 0提问于2010-09-02得票数 2
回答已采纳
请考虑以下样本：
<!DOCTYPE html>
<html>
<head>
<title>Detached HTML</title>
<script type="text/javascript" src="js/jquery-2.0.3.js"></script>
<script type="text/javascript">
$(function() {
$(".summary
浏览 3提问于2014-01-22得票数 0
回答已采纳
2回答
我如何淡出下面的内容？它也需要完全删除，不仅是alpha 0，还要在淡出后显示:无和可见性:隐藏。
小提琴：
js：
<script type="text/javascript" language="javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$('.go-away').click(function() {
$(
浏览 3提问于2013-05-09得票数 0
回答已采纳
这里有一个简单的方法(我正在努力)！我有一个文本区域，一个按钮和一个空的div。我所要做的就是将文本区的更新内容插入到按钮的div onClick中。这是我到目前为止所得到的：
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function get_text() {
$("#preview"
浏览 0提问于2009-09-16得票数 1
回答已采纳
如果运行这个简单的html，您会注意到删除主div的html并不会删除已创建的对话框()的子目录。
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com
浏览 0提问于2010-10-05得票数 1
回答已采纳
我在中使用WordPress主题，在<body>中的home.php中。
在<head> in header.php中，适当地包含了jQuery和jShowOff脚本：
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js?ver=1.6.1'></script>
<script type="text/javascript" src="..
浏览 5提问于2011-06-22得票数 1
回答已采纳
我正在创建一个图像拼贴/拼接。我正在使用masonry.js来展示我所需要的内容，并且我在这个网站上找到了一个脚本来随机更改div内容(在两个图像之间)。
然而，我想要一个简单的方法来动画这个图像切换，但我的javascript/jquery知识非常有限。
下面是我的网站的完整代码：
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<scr
浏览 0提问于2013-05-23得票数 0
回答已采纳
4回答
Jquery只工作一次。
、、、
我有一个页面正在重新加载div中的数据，我使用jquery更新div，但它只触发一次。
我的页面是这样的：
<html><head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js" type="text/javascript"></script>
</head><body>
<div id="messages" style="width:100%;f
浏览 8提问于2015-08-07得票数 0
回答已采纳
我得到了一个错误："Uncaught TypeError: Cannot set property 'innerHTML' of null"。我在代码中找不到错误。我现在不使用CSS，也不使用jQuery。以下是我的HTML代码：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; chars
浏览 4提问于2014-05-21得票数 0
回答已采纳
我创建了一个聊天函数。在这里，如果我写了一些东西，它就会显示在chat div上。但我的问题是，如果我再次写入，那么第二条消息将替换第一条消息。我想在聊天div上显示所有消息。喜欢聊天
test.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Dhuronto</title>
<script type="text/javascript" src="https://
浏览 0提问于2012-12-20得票数 1
回答已采纳
我正在测试这段代码，它可以在上运行，但不能在我的Joomla页面上运行。Chrome控制台错误位于开机自检的底部
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
function toggleDiv(divId) {
$("#"+divId).toggl
浏览 0提问于2016-08-23得票数 0
我有一个HTML文件：
<!DOCTYPE html>
<html>
<head>
<title>Insert</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
<script type="text/javascript" src="js/jquery-1.10.1.js"></script>
<script type="
浏览 0提问于2013-06-15得票数 1
回答已采纳
我有一个HTML5 (jsp)页面，其中有一个指向另一个页面的链接(此处)，该页面上有一个链接(主页)，当单击该页面时，会弹出一条消息。但是，加载页面时会弹出消息，这是不可取的。谁能看一下下面的代码，给我一个关于如何防止这种行为的解决方案/建议？谢谢。
首页上的HTML链接：
<td class="align-left">Click <a href="javascript:fnCallActionOnSelf('newpage.htm')">here</a></td>
JavaScript：
<
浏览 4提问于2015-10-02得票数 0
2回答
Javascript刷新DIV
、、、、
所以，我让这个脚本每5秒刷新一次我的Div。在最初的几分钟左右，脚本工作得很好，但是在5-10分钟之后，它不再刷新div，或者需要很长时间才能刷新Div。我对javascript一无所知，所以有人能告诉我问题出在哪里吗？该脚本用于刷新我的聊天室。代码如下：
<script type="text/javascript">
$(document).ready(function(){
refreshTable();
});
function refreshTable(){
$('#puu').load('<?php echo $
浏览 0提问于2014-10-19得票数 0
2回答
我正在尝试使用jQuery动态添加表。在这里，我使用$('#ss').text('txt')在按钮(查看预算)的单击事件上动态添加一个表。为什么它不工作？
<!DOCTYPE html>
<html>
<head>
<title>Money Management</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
浏览 2提问于2011-03-17得票数 0
2回答
在查看了所有可能的jquery可拖动克隆副本之后，我仍然找不到一个相当常见的问题的答案。
我有一系列可以成功克隆的DIV元素，但每个克隆都会失去它的可拖动功能，我已经查看了生成的代码，但仍然无法弄清楚为什么会这样。
有什么线索吗？
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Sortable - Cloning issue</title>
<style>
.bgblue {
background-colo
浏览 1提问于2013-06-11得票数 1
回答已采纳
我使用jQuery来显示来自数据库的消息，这是jquery文件：
function call() {
$(".message_box").fadeIn();
return false;
}
function updatess() {
$.getJSON("php/fetch.php", function(data) {
$.each(data.result, function(){
var message = this['message'];
浏览 0提问于2014-03-22得票数 0
有一个奇怪的问题，我试图隐藏一个(足够多的)导航条，但是当我调用autoHidingNavbar时，当我调用两个命令(或其中任何一个)时，我就会得到下面的错误。
<script>
$('.navbar-fixed-top').autoHidingNavbar('setAnimationDuration',300);
//$('.navbar-fixed-top').autoHidingNavbar('hide');
</script>
错误：
TypeError: undefined is
浏览 2提问于2015-04-19得票数 1
2回答
我在Firefox3.0.x中的Javascript有一个奇怪的问题。在Firefox 3.0.12中，一旦加载列表体，页面就会不断地重新加载。Firefox 3.5、Safari 4和Chrome 5(都在Mac上)都没有遇到这个问题。
编辑：我创建了一个孤立的示例，而不是从我现有的代码中提取这个示例。
问题与在FF .3.0中将location.hash设置为空字符串时导致页面重新加载的错误有关。
test.js
function welcomeIndexOnLoad() {
$("#options a").live('click', function
浏览 2提问于2010-05-26得票数 2
回答已采纳
解释：
我在服务器端有这样的代码：
$objec->write( "divx" );
然后在用户代理(JQuery)中：
<div id="divx">
<!-- SERVER: here will be the content begins -->
<script type="text/javascript" language="javascript">
var r = $('#divx').myPluginCreator();
</script>
<!
浏览 0提问于2010-09-09得票数 0
回答已采纳
2回答
在单击按钮时，结果会附加到另一个div，每次单击的总次数都会增加。
单击“移除最后一个”按钮时，它将移除附加的div，但不调整总数。
我到处找一个没有运气的活动。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewpo
浏览 1提问于2016-05-02得票数 0
回答已采纳
我在ajax回调方面遇到了一些问题，我希望能得到一些帮助。基本上，这个脚本用archive.php替换了#收件箱div (它通常会生成消息和匹配的模态，但为了简单起见，我只包含了通用模态)。
当您关闭一个模式时，会触发ajax回调。它当前返回模态ID。然而，这只起作用一次--这就是我遇到问题的地方。问题似乎出在jQuery html命令上。我已经将它替换为alert(id)，脚本将会运行我想要的次数。有什么建议吗？如果我需要更多的澄清，请告诉我。谢谢。
HTML / JavaScript：
<div id="inbox"> <!-- Content shoul
浏览 2提问于2013-04-12得票数 0
回答已采纳
我这样做：
$("#id1").html(data);
我用html重新填充了一个div，但是当我尝试获取这个重新填充的div的孩子的html时，我得到了一个空字符串，尽管它已经有了，就像旧的孩子仍然在那里，但是没有html。
编辑:我试着重现我的问题，这是html：(点击2次重新填充，点击打开后，你会看到什么都不会发生)
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.
浏览 0提问于2010-09-30得票数 1
回答已采纳
这是我的两个文件。//getdata.php:提取数据并使用json_encode转换为json格式。这是正确的数据编码方式吗？我不会更改列名。这有必要吗？
<?php
mysql_connect('localhost','akshita','123456');
mysql_select_db('rcusers');
$sqlquery1="select userid,group_name,req_nodes,actualPE from jobs where userid='zhang' limi
浏览 0提问于2013-02-26得票数 0
回答已采纳
3回答
我要在这里陈述我的问题。我有一个index.html页面，其中包含一个prettyPhoto.js脚本。我的index.html上有一些菜单链接。假设其中一个是“视频库”，现在我通过Ajax加载视频库，它加载得很好。但问题是，我无法让prettyPhoto.js在外部加载的文件中工作。有人知道怎么做吗？
Index.html看起来如下(请注意，我删除了不必要的代码以使其可读性)
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"&
浏览 1提问于2011-12-12得票数 1
回答已采纳
我正在使用AngularJS，当我开始使用routeprovider时，如果我重新加载页面，会发生无限加载。
这很有趣，因为当我第一次尝试加载主页面时，页面启动正常。
下面是我的代码：
var app = angular.module("platwip", []);
app.config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/status', {templateUrl: 'resources/views/html_file
浏览 0提问于2013-04-15得票数 0
3回答
我正在尝试jquery jqplot图表，
下面是我的代码，
<html>
<head>
<script type="text/javascript" src="excanvas.js"></script>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.jqplot.js&#
浏览 2提问于2012-01-27得票数 0
2回答
我创建了两个简短的javascript文件，每个文件都包含一个具有javascript的$(document).ready函数，用于检测包含它的html文件中的按钮单击。我的主html文件有指向头文件中每个文件的脚本标记：
file1.js
$(document).ready(function(){
$('.wrapper').on('click', '.click_1', function(){
alert('hello from the first file');
});
});
file2.js
$(docu
浏览 0提问于2018-09-01得票数 1
回答已采纳
1回答
如果有人比我更了解jQuery (可能在这里99%，因为这是我第一周尝试这段代码:)还有一些时间，这里有一个问题，我真的需要一些答案。不好意思说错英语了。
你们中的一些人可能读过我问过的关于把外部页面内容放入div和UI选择幻灯片元素的其他问题，这些都是在这些加载的div中正确加载的，这是关于这个主题的一个延续，现在我希望解决这个问题，我做了一个新的主题来收集这里的信息。主要问题是为什么UI滑块(选择元素)在加载(从另一个页面中的div到div)通过jQuery (在同一个主页中)加载到div时不能工作。
这是我用来将内容加载到站点中的代码：
load_script.js
$(document
浏览 0提问于2012-12-18得票数 2
回答已采纳
我使用Dropzone在客户端上传文件。我已经使用JQuery以编程方式设置了Dropzone，我希望能够分离它，这样用户就不能再上传文件了。我理想的解决方案是简单地将其设置为不可点击，然后应用默认消息来向用户表明他们已经超过了上传的数量。
下面是一个简单的例子：
在这里，我尝试在成功事件之后将其设置为不可点击，但什么也没有发生。
这是一个链接，指向成功上传后我实际想要的样子：
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<title>Turn off
浏览 4提问于2015-05-23得票数 4
有一些关于jquery .html()的问题。下面的代码将文本框输入值从“输入电子邮件地址”更改为"“，当他们聚焦时，如果没有输入任何内容，则将”输入电子邮件地址“重新模糊。
我在phpmailer中使用带有.post()的jquery来更新包含“.html() ...”的div。“成功发送”“失败”等。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script>
&l
浏览 0提问于2011-10-13得票数 0
回答已采纳
4回答
我想做一个datepicker，我用javascript来做日历。代码如下：
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://co
浏览 0提问于2013-08-09得票数 1
我有一个有很多弹出窗口的网站，每当用户加载弹出窗口(通过ajax)时，弹出窗口中也会加载JavaScript代码，当弹出窗口被删除时，我希望删除这个JavaScript代码。
主要网站代码：
<body>
...
<div id="popup" style="display:none">
</div>
...
</body>
然后是js文件中的加载程序：
$.ajax('url',{
success:function(data){
$("#popup"
浏览 4提问于2020-02-11得票数 1
1回答
我目前正在使用PhoneGap，由于某些原因，当我单击一个按钮时，函数是未定义的。iv尝试将其放入deviceReady函数以及文档就绪函数中，但两者似乎都没有区别。
我看不出问题出在哪里，如果有人能帮忙的话，那就太好了。
My：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="forma
浏览 2提问于2013-03-26得票数 2
回答已采纳
1回答
大家好，我是jquery的新手，请帮助我独立于jsfiddle 在我的系统上运行这个应用。我已经在我的应用程序中添加了以下资源文件，但它仍然不能渲染颜色块。
这是我的代码：
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href=
浏览 0提问于2012-02-02得票数 0
我有一个html文件。我用jquery创建文本框。在创建了文本框之后，它们失去了焦点，我无法在上面写字。
这是我的代码。
<html>
<head>
<script type="text/javascript" src="jquery-2.1.0.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".txt").click(function()
浏览 0提问于2014-02-03得票数 0
2回答
请告诉我如何停止通过ajax方法提交表单的beforeSend图片。下面是我的代码：
<script type="text/javascript" src="jquery.js"></script>
<form id="my-form">
<input type="test" id="post" name="post" />
<input type="submit" id="submit" valu
浏览 0提问于2016-04-23得票数 1
我无法使用jquery在输入元素上触发任何键事件。给定以下代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<script type="text/javascript" src="./js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" sr
浏览 0提问于2011-10-06得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
