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
Jun 19 Javascript
EXTJS FORM HIDDEN TEXTFIELD 赋值 使用value不好用的问题
Apr 16 Javascript
JavaScript 图像动画的小demo
May 23 Javascript
jquery异步跨域访问代码
Jun 28 Javascript
用js正确判断用户名cookie是否存在的方法
Jan 28 Javascript
JQuery中clone方法复制节点
May 18 Javascript
Javascript中构造函数要注意的一些坑
Jan 23 Javascript
Ionic项目中Native Camera的使用方法
Jun 07 Javascript
Vue使用枚举类型实现HTML下拉框步骤详解
Feb 05 Javascript
vue使用iframe嵌入网页的示例代码
Jun 09 Javascript
vue2.0 中使用transition实现动画效果使用心得
Aug 13 Javascript
详解JavaScript作用域、作用域链和闭包的用法
Sep 03 Javascript
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
浅析php变量作用域的一些问题
2013/08/08 PHP
为你总结一些php系统类函数
2015/10/21 PHP
php getcwd与dirname(__FILE__)区别详解
2016/09/24 PHP
PHP 使用二进制保存用户状态的实例
2018/01/29 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
JavaScript入门学习书籍推荐
2008/06/12 Javascript
更优雅的事件触发兼容
2011/10/24 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
javascript数组操作总结和属性、方法介绍
2014/04/05 Javascript
JavaScript把数组作为堆栈使用的方法
2015/03/20 Javascript
js实现向右横向滑出的二级菜单效果
2015/08/27 Javascript
yarn与npm的命令行小结
2016/10/20 Javascript
bootstrap使用validate实现简单校验功能
2016/12/02 Javascript
jQuery实现鼠标滑过图片移动特效
2016/12/08 Javascript
Vue 实现双向绑定的四种方法
2018/03/16 Javascript
了解前端理论:rscss和rsjs
2019/05/23 Javascript
layui表格 列自动适应大小失效的解决方法
2019/09/06 Javascript
微信小程序仿淘宝热搜词在搜索框中轮播功能
2020/01/21 Javascript
使用typescript改造koa开发框架的实现
2020/02/04 Javascript
Webpack中SplitChunksPlugin 配置参数详解
2020/03/24 Javascript
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
python 随机数生成的代码的详细分析
2011/05/15 Python
在Python中使用HTML模版的教程
2015/04/29 Python
浅谈Python数据类型之间的转换
2016/06/08 Python
使用pandas read_table读取csv文件的方法
2018/07/04 Python
python 运用Django 开发后台接口的实例
2018/12/11 Python
Python sklearn KFold 生成交叉验证数据集的方法
2018/12/11 Python
Python-ElasticSearch搜索查询的讲解
2019/02/25 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
Python使用py2neo操作图数据库neo4j的方法详解
2020/01/13 Python
Python实现检测文件的MD5值来查找重复文件案例
2020/03/12 Python
基于jupyter代码无法在pycharm中运行的解决方法
2020/04/21 Python
Python ellipsis 的用法详解
2020/11/20 Python
纯CSS3实现漂亮的input输入框动画样式库(Text input love)
2018/12/29 HTML / CSS
基于zepto的插件之移动端无缝向上滚动并上下触摸滑动实例代码
2016/12/20 HTML / CSS
mysql知识点整理
2021/04/05 MySQL