用jquery的load方法后:dom失效
$("#test_mine").load("test.jsp");
到这都没问题
然后:我在mine.jsp里 用 “$("#test_get").css("background","red") ;”不起作用啊 好像取不到test。jsp里的dom啊。。。。。。。。 展开
推荐于2016-05-12 · 知道合伙人软件行家
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 属性来解析被取回的文档,并把它插入当前文档。在此过程中,浏览器常会从文档中过滤掉元素,比如 <html>, <title> 或 <head> 元素。结果是,由 .load() 取回的元素可能与由浏览器直接取回的文档不完全相同
loan("加载地址",function(){成功后处理函数})
var $test = $("#test_mine").load("test.jsp");
$test.find("#test_get")
2、
$("#test_mine").load("test.jsp", function(data){
$(data).find("#test_get").css("background","red") ;
});