jquery事件与函数的使用介绍
更新时间:2013年09月29日 16:02:03 作者:
jquery事件与函数在使用中很频繁,在本文为大家介绍下事件绑定及函数声明和命名函数表达式,感兴趣的朋友可以参考下
1.绑定事件
方法1:
使用这个方法可以在页面加载时为元素增加事件
$("#myElement").click(function(){
alert($(this).text());
})
方法2:
和1一样,还可以在页面加载之后为元素增加事件,如创建新的DOM元素
$("#myElement").bing('click',function(){
alert($(this).text());
})
2.函数声明和命名函数表达式
函数声明:
function myFun1(){
$("div").hide();
}
调用:myFun1();
函数表达式:
var myFun2 = function(){
$("div").hide();
}
调用:#("#myElement").click(myFun2);
区别:调用时间的区别,函数声明可以在任意地方使用,命名函数表达式只有在声明之后可以使用
方法1:
使用这个方法可以在页面加载时为元素增加事件
复制代码 代码如下:
$("#myElement").click(function(){
alert($(this).text());
})
方法2:
和1一样,还可以在页面加载之后为元素增加事件,如创建新的DOM元素
复制代码 代码如下:
$("#myElement").bing('click',function(){
alert($(this).text());
})
2.函数声明和命名函数表达式
函数声明:
复制代码 代码如下:
function myFun1(){
$("div").hide();
}
调用:myFun1();
函数表达式:
复制代码 代码如下:
var myFun2 = function(){
$("div").hide();
}
调用:#("#myElement").click(myFun2);
区别:调用时间的区别,函数声明可以在任意地方使用,命名函数表达式只有在声明之后可以使用
您可能感兴趣的文章:
- jQuery事件之键盘事件(ctrl+Enter回车键提交表单等)
- 让input框实现类似百度的搜索提示(基于jquery事件监听)
- jquery事件重复绑定的快速解决方法
- JQuery事件e参数的方法preventDefault()取消默认行为
- Jquery事件的连接使用示例
- jQuery事件绑定.on()简要概述及应用
- jQuery事件 delegate()使用方法介绍
- jquery事件机制扩展插件 jquery鼠标右键事件。
- jquery事件机制扩展插件 jquery鼠标右键事件
- 从零开始学习jQuery (五) jquery事件与事件对象
- jQuery学习5 jQuery事件模型
- jQuery学习总结之jQuery事件
相关文章
jquery自动完成插件(autocomplete)应用之PHP版
一般网上这个用于搜索功能增强,增加用户体验,还是不错的。2009-12-12
最新评论