jquery的几个常用函数

load(url, params, callback)

装入一个远程HTML内容到一个DOM结点。

注意：避免用装入的scripts脚本，装入脚本改用$.getScript.当任何字符显示时，IE会忽略所有的脚本。

下面我们看看下面的代码

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

       $("#demo1").load("loadhtml.html");

    })

当点击 btndemo1按钮时候 将会把loadhtml.html的内容加载到 id=demo1 的div里面

这个很简单大家都容易理解下面我们看看下面的代码

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

       $("#demo2").load("loadhtml.html #div2");

    })

当点击 btndemo1按钮时候 将会把loadhtml.html的内容里面 id=div2 元素里面的内容 加载到 id=demo1 的div里面

loadhtml.html #div2注意中间一定要有空格

slideUp(speed, callback)

通过高度变化（向上减小）来动态地隐藏所有匹配的元素

slideToggle(speed,callback)

通过高度变化来切换所有匹配元素的可见性，并在切换完成后可选地触发一个回调函数。

这个东西实际上就是 slideDown slideUp 的集合体 如果元素当前可见 则 滑动隐藏 如果当前元素已经隐藏则滑动显示

slideDown(speed,callback)

通过高度变化（向下增大）来动态地显示所有匹配的元素

css(key, value)

$(this).css({ color: "red", background: "blue" });

jquery对css的操作方法 addClass和removeClass

addClass

为每个匹配的元素添加指定的类名。 
removeClass

为每个匹配的元素移除指定的类名。

$(document).ready(function() {
    $("div").addClass("redborder");//当页面加载完成后给每个div标签 加上 redborder样式
    $("div").click(function(){
       $(this).removeClass("redborder");//当鼠标单击div标签的时候 移除当前div标签的redborder样式

$("div").click

$("div")就是页面中所有的 div标签 这句话就是给所有的标签为div的元素 绑定了一个click事件 即当所有div 被鼠标单击的时候 执行 alert("Hello World!");

$(document).ready(fn) :当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。这是事件模块中最重要的一个函数，因为它可以极大地提高web应用程序的响应速度。 简单地说，这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定的函数.如果你需要一些函数需要在DOM加载就绪以后才能执行,当然window.onload()能实现同样的功能，但当window.onload函数执行的时候，要说明所有东西已经载入，包括图像和横幅等等。要知道较大的图片下载速度会比较慢，因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果，这样就花费了很长的等待时间，这不是我们想要的.

(document)意思是说，获取整个网页文档对象（类似的于window.document），$(document).ready意思就是说，获取文档对象就绪的时候。

bind(type,[data],func);
为每个匹配元素的特定事件绑定一个事件处理器函数。
如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。
type:事件类型 example: click mouseover等等。
data:可选 作为event.data属性值 传递给事件对象的额外数据对象
func:绑定到每个匹配元素的事件上面的处理函数。

example1:
function handler(event) { alert(event.data.foo); }
$("p").bind("click", {foo: "bar"}, handler)
example2:$("form").bind("submit", function(event){ event.preventDefault(); });
example3:$("form").bind("submit", function(event){ event.stopPropagation(); });

jquery append()和appendTo()

append(content) 向每个匹配的元素内部追加内容。这个操作与对指定的元素执行appendChild方法，将它们添加到文档中的情况类似。

appendTo(content)把所有匹配的元素追加到另一个、指定的元素元素集合中。实际上，使用这个方法是颠倒了常规的$(A).append(B)的操作，即不是把B追加到A中，而是把A追加到B中。

append()前面是要选择的对象，后面是要在对象内插入的元素内容

appendTo()前面是要插入的元素内容，而后面是要选择的对象