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 相关文章推荐
用Juery网页选项卡实现代码
Jun 13 Javascript
js去空格技巧分别去字符串前后、左右空格
Oct 21 Javascript
jQuery中click事件的定义和用法
Dec 20 Javascript
javascript实现列表滚动的方法
Jul 30 Javascript
js实现的简单radio背景颜色选择器代码
Aug 18 Javascript
bootstrap布局中input输入框右侧图标点击功能
May 16 Javascript
jQuery实现圣诞节礼物传送(花式轮播)
Dec 25 Javascript
vue 自定义组件 v-model双向绑定、 父子组件同步通信的多种写法
Nov 27 Javascript
详解如何在React组件“外”使用父组件的Props
Jan 12 Javascript
angular 组件通信的几种实现方式
Jul 13 Javascript
在vue-cli中引入lodash.js并使用详解
Nov 13 Javascript
jQuery实现推拉门效果
Oct 19 jQuery
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
在Windows系统上安装PHP运行环境文字教程
2010/07/19 PHP
解析php 版获取重定向后的地址(代码)
2013/06/26 PHP
php绘图中显示不出图片的原因及解决
2014/03/05 PHP
php从字符串创建函数的方法
2015/03/16 PHP
ThinkPHP进程计数类Process用法实例详解
2015/09/25 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
Yii2.0使用阿里云OSS的SDK上传图片、下载、删除图片示例
2017/09/20 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
JavaScript操作XML 使用百度RSS作为新闻源示例
2012/02/17 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
AngularJS的表单使用详解
2015/06/17 Javascript
深入理解setTimeout函数和setInterval函数
2016/05/20 Javascript
点击按钮出现60秒倒计时的简单js代码(推荐)
2016/06/07 Javascript
基于Bootstrap漂亮简洁的CSS3价格表(附源码下载)
2017/02/28 Javascript
jQuery is not defined 错误原因与解决方法小结
2017/03/19 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
深入理解 webpack 文件打包机制(小结)
2018/01/08 Javascript
浅谈python迭代器
2017/11/08 Python
python实现图片转字符小工具
2019/04/30 Python
用Python获取摄像头并实时控制人脸的实现示例
2019/07/11 Python
基于python及pytorch中乘法的使用详解
2019/12/27 Python
计算pytorch标准化(Normalize)所需要数据集的均值和方差实例
2020/01/15 Python
如何利用python读取micaps文件详解
2020/10/18 Python
Python实现钉钉/企业微信自动打卡的示例代码
2021/02/02 Python
欧迪办公美国官网:Office Depot
2016/08/22 全球购物
英国最大的电脑零售连锁店集团:PC World
2016/10/10 全球购物
英国奢侈品概念店:Base Blu
2019/05/16 全球购物
Python使用openpyxl复制整张sheet
2021/03/24 Python
校园十佳歌手策划书
2014/01/22 职场文书
大学秋游活动方案
2014/02/11 职场文书
2014年道德讲堂实施方案
2014/03/05 职场文书
节约用电倡议书
2015/04/28 职场文书
关于Numpy之repeat、tile的用法总结
2021/06/02 Python
mybatis 解决从列名到属性名的自动映射失败问题
2021/06/30 Java/Android