[size=medium][color=darkblue]今天了解了jQuery中几个自定义的事件:
(1)hover(fn1,fn2):一个模仿悬停事件的方法。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){
function(){
$(this).addClass("out");
});
(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert("Load Success")})
//页面加载完毕提示“Load Success”,不同于onload事件,onload需要页面内容加载完毕(图片等),而ready只要页面html代码下载完毕即触发。与$(fn)等价。
(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。
//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。
eg:
//触发所有p元素的click事件
$("p").trigger("click");
(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中(添加)删除绑定的事件。
eg:
//为每个p元素添加单击事件
$("p").bind("click", function(){alert($(this).text());});
//删除所有p元素上的所有事件
$("p").unbind();
//删除所有p元素上的单击事件
$("p").unbind("click")
(6)animate用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象。
每个属性的值表示这个样式属性到多少时动画结束。
eg:
$("a",this).animate({ height: "0px",top: "25px"}, 80);
$("a",this).animate({ height: "28px",top: "10px"}, 80);
(7)fadeIn(speed,[callback])通过不透明度的变化来实现所有匹配元素的淡入效果并在 动画完成后可选地触发一个回调函数。
eg:
$("p").fadeIn("fast",function(){
alert("Animation Done.");
});
[/color][/size]
(1)hover(fn1,fn2):一个模仿悬停事件的方法。
//当鼠标放在表格的某行上时将class置为over,离开时置为out。
$("tr").hover(function(){
function(){
$(this).addClass("out");
});
(2)ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数。
$(document).ready(function(){alert("Load Success")})
//页面加载完毕提示“Load Success”,不同于onload事件,onload需要页面内容加载完毕(图片等),而ready只要页面html代码下载完毕即触发。与$(fn)等价。
(3)toggle(evenFn,oddFn): 每次点击时切换要调用的函数。
//每次点击时轮换添加和删除名为selected的class。
$("p").toggle(function(){
$(this).addClass("selected");
},function(){
$(this).removeClass("selected");
});
(4)trigger(eventtype): 在每一个匹配的元素上触发某类事件。
eg:
//触发所有p元素的click事件
$("p").trigger("click");
(5)bind(eventtype,fn),unbind(eventtype): 事件的绑定与反绑定
从每一个匹配的元素中(添加)删除绑定的事件。
eg:
//为每个p元素添加单击事件
$("p").bind("click", function(){alert($(this).text());});
//删除所有p元素上的所有事件
$("p").unbind();
//删除所有p元素上的单击事件
$("p").unbind("click")
(6)animate用于创建自定义动画的函数。
这个函数的关键在于指定动画形式及结果样式属性对象。
每个属性的值表示这个样式属性到多少时动画结束。
eg:
$("a",this).animate({ height: "0px",top: "25px"}, 80);
$("a",this).animate({ height: "28px",top: "10px"}, 80);
(7)fadeIn(speed,[callback])通过不透明度的变化来实现所有匹配元素的淡入效果并在 动画完成后可选地触发一个回调函数。
eg:
$("p").fadeIn("fast",function(){
alert("Animation Done.");
});
[/color][/size]