jquery基础教程八 load方法及小技巧

baiyejianxin

首先我们看看手册上的描述
[color="#990099"]load(url, params, callback)
装入一个远程HTML内容到一个DOM结点。
注意：避免用装入的scripts脚本，装入脚本改用$.getScript.当任何字符显示时，IE会忽略所有的脚本。
下面我们看看下面的代码
[color="#990099"]
[color="#990099"]$("#btndemo1").click(function(){       $("#demo1").load("loadhtml.html");     })
当点击 btndemo1按钮时候 将会把loadhtml.html的内容加载到 id=demo1 的div里面
这个很简单大家都容易理解下面我们看看下面的代码
[color="#660099"]
[color="#660099"]$("#btndemo2").click(function(){       $("#demo2").load("loadhtml.html #div2");     })
当点击 btndemo1按钮时候 将会把loadhtml.html的内容里面 id=div2 元素里面的内容 加载到 id=demo1 的div里面
loadhtml.html #div2注意中间一定要有空格
所有代码
[color="#990099"]
鼠标点击事件(div)
    $(document).ready(function(){
       $("#cs1").click(function(){
       $("#ex").load("demo_click.html #cs1");
    });
   });
div{
border:5px #cccccc solid;
width:100px;
height:10px;
background-color:#FF0000}
   您的好友正在使用手机QQ，
   您的好友正在使用手机QQ，
   您的好友正在使用手机QQ，
   您的好友正在使用手机QQ，
   您的好友正在使用手机QQ，
   您的好友正在使用手机QQ，
load this part into green part

               

本文来自ChinaUnix博客，如果查看原文请点：http://blog.chinaunix.net/u3/93876/showart_1887782.html