jquery click([data],fn)使用方法实例介绍


Posted in Javascript onJuly 08, 2013

click([[data],fn])
返回值:jQuery
概述
触发每一个匹配元素的click事件。

这个函数会调用执行绑定到click事件的所有函数。

参数
fnFunctionV1.0
在每一个匹配元素的click事件中绑定的处理函数。

[data],fnString,FunctionV1.4.3
data:click([Data], fn) 可传入data供函数fn处理。

fn:在每一个匹配元素的click事件中绑定的处理函数。

示例
描述:
触发页面内所有段落的点击事件

jQuery 代码:
$("p").click();描述:
将页面内所有段落点击后隐藏。

jQuery 代码:
$("p").click( function () { $(this).hide(); });以上为JQuery参考手册中的内容,查阅了很多相关参考资料,但都没有对[data]参数详细说明

参数data是作为event.data属性值传递给事件对象额外的数据对象
参数fn是绑定到每个选择元素的事件中的处理函数

<!DOCTYPE html> 
<html> 
<head><meta http-equiv="Content-Type" content="text/html;charset=utf-8" /><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /><title> 
JQuery [data]参数使用说明 
</title><link href="css/main.css" type="text/css" rel="stylesheet" /> 
<script src="jquery-1.8.3.min.js" type="text/javascript"></script> <script type="text/javascript"> 
$(function(){ 
var message="把该信息传递给Fn函数"; 
$(".txt").click({msg:message},function(event){$("#idTip").show().html(event.data.msg);});//设置文本 
}); 
</script> 
</head> 
<body> 
<input class="txt"></div> 
<div id="idTip"></div> 
</body> 
</html>
Javascript 相关文章推荐
一个收集图片的bookmarlet(js 刷新页面中的图片)
May 27 Javascript
jQuery 自定义函数写法分享
Mar 30 Javascript
JS获取鼠标坐标的实例方法
Jul 18 Javascript
JavaScript立即执行函数的三种不同写法
Sep 05 Javascript
js实现对table动态添加、删除和更新的方法
Feb 10 Javascript
Ext JS 实现建议词模糊动态搜索功能
May 13 Javascript
js通过Date对象实现倒计时动画效果
Oct 27 Javascript
JS文件中加载jquery.js的实例代码
May 05 jQuery
Redux实现组合计数器的示例代码
Jul 04 Javascript
JavaScript原型链与继承操作实例总结
Aug 24 Javascript
layui框架与SSM前后台交互的方法
Sep 12 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 Javascript
js 得到文件后缀(通过正则实现)
Jul 08 #Javascript
php 中序列化和json使用介绍
Jul 08 #Javascript
浅析JS刷新框架中的其他页面 &amp;&amp; JS刷新窗口方法汇总
Jul 08 #Javascript
解析javascript 浏览器关闭事件
Jul 08 #Javascript
JS Jquery 遍历,筛选页面元素 自动完成(实现代码)
Jul 08 #Javascript
如何使用JS获取IE上传文件路径(IE7,8)
Jul 08 #Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 #Javascript
You might like
PHP中Session引起的脚本阻塞问题解决办法
2014/04/08 PHP
ThinkPHP的模版中调用session数据的方法
2014/07/01 PHP
PHP大批量插入数据库的3种方法和速度对比
2014/07/08 PHP
PHP实现的多维数组排序算法分析
2018/02/10 PHP
Jquery常用技巧收集整理篇
2010/11/14 Javascript
JavaScript prototype 使用介绍
2013/08/29 Javascript
Javascript基础教程之break和continue语句
2015/01/18 Javascript
浅析javascript中函数声明和函数表达式的区别
2015/02/15 Javascript
Javascript将数字转化成为货币格式字符串
2016/06/22 Javascript
Angular的$http的ajax的请求操作(推荐)
2017/01/10 Javascript
Angular 2父子组件之间共享服务通信的实现
2017/07/04 Javascript
ES6模块化的import和export用法方法总结
2017/08/08 Javascript
JS排序算法之冒泡排序,选择排序与插入排序实例分析
2017/12/13 Javascript
JS+WCF实现进度条实时监测数据加载量的方法详解
2017/12/19 Javascript
vue.js 打包时出现空白页和路径错误问题及解决方法
2019/06/26 Javascript
VUE实现移动端列表筛选功能
2019/08/23 Javascript
Layer.js实现表格溢出内容省略号显示,悬停显示全部的方法
2019/09/16 Javascript
微信小程序关键字变色实现代码实例
2019/12/13 Javascript
jquery实现吸顶导航效果
2020/01/08 jQuery
Vue中实现回车键切换焦点的方法
2020/02/19 Javascript
原生javascript中this几种常见用法总结
2020/02/24 Javascript
Bootstrap简单实用的表单验证插件BootstrapValidator用法实例详解
2020/03/29 Javascript
Vue.js中使用Vuex实现组件数据共享案例
2020/07/31 Javascript
maptalks+three.js+vue webpack实现二维地图上贴三维模型操作
2020/08/10 Javascript
jQuery冲突问题解决方法
2021/01/19 jQuery
八大排序算法的Python实现
2021/01/28 Python
Python如何通过subprocess调用adb命令详解
2017/08/27 Python
django使用html模板减少代码代码解析
2017/12/12 Python
Python中实现switch功能实例解析
2018/01/11 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
Python脚本打包成可执行文件过程解析
2020/10/20 Python
保护动物倡议书
2014/04/15 职场文书
2014年村委会工作总结
2014/11/24 职场文书
应收账款管理制度
2015/08/06 职场文书
2019最新校园运动会广播稿!
2019/06/28 职场文书
导游词之南京栖霞山
2019/10/18 职场文书