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 相关文章推荐
javascript IE中的DOM ready应用技巧
Jul 23 Javascript
checkbox 多选框 联动实现代码
Oct 22 Javascript
javascript 读取xml,写入xml 实现代码
Jul 10 Javascript
js原型继承的两种方法对比介绍
Mar 30 Javascript
教你如何使用PHP输出中文JSON字符串
May 22 Javascript
自定义jQuery插件方式实现强制对象重绘的方法
Mar 23 Javascript
jQuery的内容过滤选择器学习教程
Apr 18 Javascript
js操作二进制数据方法
Mar 03 Javascript
浅析node.js的模块加载机制
May 25 Javascript
node.js中TCP Socket多进程间的消息推送示例详解
Jul 10 Javascript
Vue 第三方字体图标引入 Font Awesome的方法
Sep 28 Javascript
vue项目中全局引入1个.scss文件的问题解决
Aug 01 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使用memcache缓存技术提高响应速度的方法
2014/12/26 PHP
php 使用html5 XHR2实现上传文件与进度显示功能示例
2020/03/03 PHP
List Information About the Binary Files Used by an Application
2007/06/18 Javascript
jQuery的Ajax的自动完成功能控件简要说明
2013/02/22 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法
2015/01/09 Javascript
JavaScript获取指定元素位置的方法
2015/04/08 Javascript
浅谈JS中json数据的处理
2016/06/30 Javascript
AngularJS基础 ng-src 指令简单示例
2016/08/03 Javascript
基于javascript实现数字英文验证码
2017/01/25 Javascript
JS中静态页面实现微信分享功能
2017/02/06 Javascript
AngularJS 验证码60秒倒计时功能的实现
2017/06/05 Javascript
webpack4 css打包压缩问题的解决
2018/05/18 Javascript
JS双向链表实现与使用方法示例(增加一个previous属性实现)
2019/01/31 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
vue-router 中 meta的用法详解
2019/11/01 Javascript
js实现表格数据搜索
2020/08/09 Javascript
JavaScript 闭包的使用场景
2020/09/17 Javascript
Python使用minidom读写xml的方法
2015/06/03 Python
TensorFlow高效读取数据的方法示例
2018/02/06 Python
python DataFrame 修改列的顺序实例
2018/04/10 Python
利用python求积分的实例
2019/07/03 Python
python django 原生sql 获取数据的例子
2019/08/14 Python
Python利用matplotlib绘制约数个数统计图示例
2019/11/26 Python
在django中使用post方法时,需要增加csrftoken的例子
2020/03/13 Python
意大利中国电子产品购物网站:Geekmall.com
2019/09/30 全球购物
机电一体化职业规划书
2014/01/07 职场文书
会计专业毕业自荐书范文
2014/02/08 职场文书
2014年大班元旦活动方案
2014/02/26 职场文书
社会实践活动总结报告
2014/04/29 职场文书
新学期开学演讲稿
2014/05/24 职场文书
电子信息工程自荐信
2014/05/26 职场文书
超市客服工作职责
2014/06/11 职场文书
销售员岗位职责范本
2015/04/11 职场文书
2015年扫黄打非工作总结
2015/05/13 职场文书
SpringBoot整合JWT的入门指南
2021/06/29 Java/Android
mysql查看表结构的三种方法总结
2022/07/07 MySQL