jquery大事操作_

1、jquery大事操作_ jquery第十五课,jquery对象绑定大事,大事处理,大事委派,以及大事的切换 参考共用代码 !doctype html public -/w3c/dtd html 4.0 transitional/en htmlheadtitlejquery大事操作/title script language=javascript src=jquery-1.4.2.min.js/script style . height:100px;background-color:#ff0; .forasp height:50px; .cn height:80px; /style script

2、 language=javascript $(function() !-jquery文档处理代码区- ); /script body div id=1 class=jquery/div div id=2大事/div div id=3处理/div /body /html 1.页面载入,也就是dom中的onload.当dom载入就绪可以查询及操纵时绑定一个要执行的函数。 jquery中页面载入已经用了许多次了$(function()code); 这个是jquery载入的简写形式,下面说一下jquery页面载入代码. 全写代码:$(document).ready(function()code); 用

3、法 $(document).ready() 的简写，同时内部的 jquery 代码依旧用法 $ 作为别名，而不管全局的 $ 为何。 简写形式:jquery(function()code);或者$(function()code); 2.jquery大事处理 (1).bind(type,data,fn);用来对jquery元素进行大事的绑定.我们逐步来说. 第一种简洁绑定: $(#1).bind(click,function()alert(jquery在id=1绑定的click大事已经触发); 猎取id为1的jquery对象,然后绑定click大事,当点击(触发click)大事,则弹出jquery

4、在id=1绑定的click大事已经触发对话框. 其次种多大事绑定 $(#2).bind(mouseover mouseout,function()if(event.type=mouseover)alert(触发mouseover大事);else if(event.type=mouseout)alert(触发mouseout大事);); 当鼠标移动到id=2层上触发mouseover大事,当鼠标移动到层外面时,触发mouseout大事. 第三种是其次种连续,是不同大事调用不同函数的方法 $(#3).bind(mouseover:function()alert(jquery触发mouseover大

5、事);,mouseout:function()alert(jquery触发mouseout大事);); 这样就不用推断大事类型来调用不同函数. 第四种是传递了date参数的. var temp=jquery参数操作; $(#1).bind(click,canshu:temp,function(event)alert(jquery传递参数大事:+event.data.canshu);); 这样就可以传递参数,也可多个参数,用,隔开 (2).one(type,data,fn); 只调用一次的大事处理. $(#2).one(click,function(alert(仅处理一次的大事););当第一次点

6、击可以用,以后再点击就已经消逝了,其他多大事绑定跟.bind一样的. (3).trigger(type,data);在每一个匹配的元素上触发某类大事。也就是触发大事 举例:$(#1).trigger(click); 当jquery运行到这里则id=1的层触发了click大事,用jquery代替鼠标等. 假如有参数时,$(#1).bind(click,function(event,canshu1,canshu2); 执行$(#1).trrgger(click,参数1,参数2); (4).triggerhandler(type,data);这个格外的方法将会触发指定的大事类型上全部绑定的处理函数。

7、但不会执行扫瞄器默认动作，也不会产生大事冒泡。 这个方法的行为表现与trigger类似，但有以下三个主要区分： * 第一，他不会触发扫瞄器默认大事。 http:/%77%77%77%2e%66%6f%72%61%73%70%2e%63%6e * 其次，只触发jquery对象集合中第一个元素的大事处理函数。 * 第三，这个方法的返回的是大事处理函数的返回值，而不是据有可链性的jquery对象。此外，假如最开头的jquery对象集合为空，则这个方法返回 undefined 。 用法方法跟trigger一样. (5).unbind(type,fn);bind()的反向操作，从每一个匹配的元素中删除绑

8、定的大事. jquery举例:$(#1).unbind();删除了全部绑定大事$(#1).unbind(click);删除了click大事,$(#1).unbind(click,functionname);删除了绑定的click大事中的functionname函数. 3.jquery大事委派 (1).live(type,data,fn);jquery 给全部匹配的元素附加一个大事处理函数，即使这个元素是以后再添加进来的也有效.这个的用法跟bind一样.不同的是,新加上来的匹配元素,也会加上大事. $(.).live(click,function()alert(测试新添加的元素);); $(body).append(div class=新添加元素/div); 虽然绑定大事实在前面发生,但是下面的新的div也有click大事. (2)die(type,fn);此方法与live正好完全相反。假如不带参数，则全部绑定的live大事都会被移除。你可以解除用live注册的自定义大事。假如供应了type参数，那么会移除对应的live大事。假如也指定了其次个参数function,则只移出指定的大事处理函数。 4.大事的切换. (1).hover(overfunction,outfunction);一个仿照悬停大事（鼠标移动到一个对象上面及移出这个对象）的方法。这是一个自定义的方法，它