用jquery的load方法后:dom失效

2025-06-20 16:58:20
推荐回答(3个)
回答1:

    jquery load方法是对jQuery.ajax()进行封装以方便用户使用的一个方法

    完整语法格式:load( url, [data], [callback] )
        其中:url是指要导入文件的地址。
                data:可选参数;因为load不仅仅可以导入静态的html文件,还可以导入动态脚本,例如PHP文件,所以要导入的是动态文件时,我们可以把要传递的参数放在这里。
                callback:可选参数;是指调用load方法并得到服务器响应后,再执行的另外一个函数。

示例1:加载一个php文件,该php文件不含传递参数

$("#myID").load("/test.php");//在id为#myID的元素里导入test.php运行后的结果

示例2:加载一个php文件,该php文件含有一个传递参数

$("#myID").load("/test.php",{"name":"Adam"});//导入的php文件含有一个传递参数,类似于请求url:/test.php?name=Adam

示例3:加载一个php文件,该php文件含有多个传递参数。注:参数间用逗号分隔


$("#myID").load("/test.php",{"name":"Adam","site":"www.lhy-seo.com"});//导入的php文件含有一个传递参数,类似于请求url:/test.php?name=Adam&site=www.phpernote.com

示例4:加载一个php文件,该php文件以数组作为传递参数


$("#myID").load("/test.php",{'myinfo[]', ["Adam", "www.lhy-seo.com"]});//导入的php文件含有一个数组传递参数。

注意:使用load,这些参数是以POST的方式传递的,因此在/test.php里,不能用GET来获取参数

示例5:使用 callback,在得到服务器响应后,慢慢地显示加载的内容


$("#go").click(function(){
$("#myID").load("welcome.php", {"lname":"Cai", "fname":"Adam", function(){
$("#myID").fadeIn('slow');}
);
});

示例6:加载页面片段


$("#result").load("/test.html #container");

    .load() 方法允许规定要插入的远程文档的某个部分。这一点是通过 url 参数的特殊语法实现的。如果该字符串中包含一个或多个空格,紧接第一个空格的字符串则是决定所加载内容的 jQuery 选择器



在使用 jquery load 的时候需要注意的是:

(1)如果绑定给window对象,则会在所有内容加载后触发,包括窗口,框架,对象和图像。如果绑定在元素上,则当元素的内容加载完毕后触发

(2)只有当在这个元素完全加载完之前绑定load的处理函数,才会在他加载完后触发。如果之后再绑定就永远不会触发了。所以不要在$(document).ready()里绑定load事件,因为jQuery会在所有DOM加载完成后再绑定load事件

(3)jQuery 使用浏览器的 .innerHTML 属性来解析被取回的文档,并把它插入当前文档。在此过程中,浏览器常会从文档中过滤掉元素,比如 , 或 <head> 元素。结果是,由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同</p></p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答2:</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>当然不行了 只执行在前加载在后啊<br>loan("加载地址",function(){成功后处理函数})</p> </div> </div> <div class="clear"></div> </div> <div class="wdhdnr"> <div class="huidanrtop"> <div class="wdhuidaxinx"> <div class="wdhuidaxm">回答3:</div> </div> </div> <div class="clear"></div> <div class="wdhuidanrmid"> <div class="zuijiacont"> <p>1、<br>var $test = $("#test_mine").load("test.jsp");<br>$test.find("#test_get")<br>2、<br>$("#test_mine").load("test.jsp", function(data){<br> $(data).find("#test_get").css("background","red") ;<br>});</p> </div> </div> <div class="clear"></div> </div> </div> </div> <div class="wendaright"> <div class="wdluluerwema"> <div class="wdxgwttop">相关问答</div> <div class="wdxgwtnr"> </div> <div class="clear"></div> </div> <!-- 其他随机问答['id'=>alphaID($like['zid'])] --> <div class="wdluluerwema"> <div class="wdxgwttop">最新问答</div> <div class="wdxgwtnr"> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/1512575892012901980.html">川周公路到黄浦区斜土路768号(致远大厦)地铁9号线打浦桥站怎么走</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/1304552123475794059.html">一个男人说的爱着除她老婆外的一个女人,确从来不会为这个老婆以外的女人花一分钱,是什么意思</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/2116494941213995307.html">我女儿读初一了,成绩不好,上课走神,老师说要严加管教,礼拜天不准看电视,不准玩电脑和手机,只能看书</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/269701521317689405.html">海贼王路飞成为五皇之后,谁有资格成为他的皇副?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/601159554.html">许你一世繁花的txt全集下载地址</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/192867676.html">如何拆除CRV车标</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/245746480.html">还珠格格第一部中小燕子在漱芳斋和阿哥一起放烟花,还烧了老佛爷第几集啊?</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/636346.html">请举例说明鲁迅小说“格式的特别”的主要表现。</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/752190726710687644.html">一个很熟悉男生不敢正眼看你,是什么意思</a></div> </div> <div class="wdxgwtcont"> <div class="wdxgtitle"><a href="https://www.aq8.net/157256340.html">现在是星期天、妈妈在做饭、爸爸在画画、妹妹在做作业、弟弟在看书写一篇英语作文</a></div> </div> </div> </div> </div> <div class="clear"></div> <div class="footer"> <!-- 移动底部导航 --> <div class="fanhuitop"><a href="#top" ref="nofollow"><img src="https://www.aq8.net/static/old/img/fhtop.png" alt="返回顶部" title="返回顶部"></a></div> <div class="dibu"> <div class="dibu"> </div> </div> <div class="banquan"> <p>内容全部来源于网络收集,如有侵权,请联系网站删除:QQ:24596024</p> </div> </div> </div> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?d86df1760ee607dc5bff1a7aab937e8e"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>