jquery事件与函数的使用介绍_jquery
程序员文章站
2022-05-28 19:09:27
...
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);
区别:调用时间的区别,函数声明可以在任意地方使用,命名函数表达式只有在声明之后可以使用
上一篇: PHP错误Parse error: syntax error, unexpected end of file in test.php on line 12解决方法_php技巧
下一篇: 用PHP调用数据库的存储过程!
推荐阅读
-
html5的自定义data-*属性与jquery的data()方法的使用
-
jQuery事件blur()方法的使用实例讲解
-
jQuery的三种bind/One/Live/On事件绑定使用方法
-
jQuery中delegate与on的用法与区别示例介绍
-
jquery prop的使用介绍及与attr的区别
-
jQuery中事件对象e的事件冒泡用法示例介绍
-
JQuery中window.onload函数与$(document).ready()的区别实例讲解
-
jquery中的on方法使用介绍
-
jquery中html、val与text三者属性取值的联系与区别介绍
-
使用jquery模拟a标签的click事件无法实现跳转的解决