jquery事件与函数的使用介绍


Posted in Javascript onSeptember 29, 2013

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);

区别:调用时间的区别,函数声明可以在任意地方使用,命名函数表达式只有在声明之后可以使用

Javascript 相关文章推荐
js淡入淡出的图片轮播效果代码分享
Aug 24 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
Oct 08 Javascript
jquery实现可旋转可拖拽的文字效果代码
Jan 27 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
原生JS实现轮播效果+学前端的感受(防止走火入魔)
Aug 21 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
Node.js实现连接mysql数据库功能示例
Sep 15 Javascript
微信小程序switch组件使用详解
Jan 31 Javascript
记录一次完整的react hooks实践
Mar 11 Javascript
微信小程序 函数防抖 解决重复点击消耗性能问题实现代码
Sep 12 Javascript
VUE.CLI4.0配置多页面入口的实现
Nov 25 Javascript
JS实现选项卡插件的两种写法(jQuery和class)
Dec 30 jQuery
Jquery选中或取消radio示例
Sep 29 #Javascript
JS中引用百度地图并将百度地图的logo和信息去掉
Sep 29 #Javascript
目前流行的JavaScript库的介绍及对比
Sep 29 #Javascript
Javascript实现视频轮播在pc端与移动端均可
Sep 29 #Javascript
从jquery的过滤器.filter()方法想到的
Sep 29 #Javascript
jQuery 借助插件Lavalamp实现导航条动态美化效果
Sep 27 #Javascript
jquery $.each 和for怎么跳出循环终止本次循环
Sep 27 #Javascript
You might like
深入phpMyAdmin的安装与配置的详细步骤
2013/05/07 PHP
PHP文件读取功能的应用实例
2015/05/08 PHP
js 巧妙去除数组中的重复项
2010/01/25 Javascript
数组方法解决JS字符串连接性能问题有争议
2011/01/12 Javascript
10款新鲜出炉的 jQuery 插件(Ajax 插件,有幻灯片、图片画廊、菜单等)
2011/06/08 Javascript
使用按钮控制以何种方式打开新窗口的属性介绍
2012/12/17 Javascript
深入Javascript函数、递归与闭包(执行环境、变量对象与作用域链)使用详解
2013/05/08 Javascript
javascript中数组array及string的方法总结
2014/11/28 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
AngularJS单选框及多选框实现双向动态绑定
2016/01/13 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
用自定义图片代替原生checkbox实现全选,删除以及提交的方法
2016/10/18 Javascript
angularJS模态框$modal实例代码
2017/05/27 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
微信公众号H5支付接口调用方法
2019/01/10 Javascript
JS实现选项卡效果的代码实例
2019/05/20 Javascript
vue中npm包全局安装和局部安装过程
2019/09/03 Javascript
采用Psyco实现python执行速度提高到与编译语言一样的水平
2014/10/11 Python
Python使用正则表达式抓取网页图片的方法示例
2017/04/21 Python
Python使用sklearn实现的各种回归算法示例
2019/07/04 Python
在Django下创建项目以及设置settings.py教程
2019/12/03 Python
PyQt5 文本输入框自动补全QLineEdit的实现示例
2020/05/13 Python
HTML5 File接口在web页面上使用文件下载
2017/02/27 HTML / CSS
常用UNIX 命令(Linux的常用命令)
2015/12/26 面试题
关于Java finally的面试题
2016/04/27 面试题
平面设计师岗位职责
2014/09/18 职场文书
党支部遵守党的政治纪律情况对照检查材料
2014/09/26 职场文书
简历自我评价优缺点
2015/03/11 职场文书
起诉意见书范文
2015/05/19 职场文书
抖音短视频(douyin)去水印工具的实现代码
2021/03/30 Javascript
JavaScript实现栈结构详细过程
2021/12/06 Javascript
Python进程间的通信之语法学习
2022/04/11 Python
css3 文字断裂效果
2022/04/22 HTML / CSS
JavaScript实现简单的音乐播放器
2022/08/14 Javascript