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 浏览器关闭事件
Jul 08 Javascript
详解JavaScript ES6中的Generator
Jul 28 Javascript
JS定时器使用,定时定点,固定时刻,循环执行详解
May 31 Javascript
浅谈Javascript数据属性与访问器属性
Jul 26 Javascript
原生JS实现几个常用DOM操作API实例
Jan 19 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
Mar 13 Javascript
HTML5实现微信拍摄上传照片功能
Apr 21 Javascript
微信小程序 自定义Toast实例代码
Jun 12 Javascript
vue 巧用过渡效果(小结)
Sep 22 Javascript
echarts实现词云自定义形状的示例代码
Feb 20 Javascript
JS实现烟花爆炸效果
Mar 10 Javascript
分享一个vue实现的记事本功能案例
Apr 11 Vue.js
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
《Re:从零开始的异世界生活 冰结之绊》
2020/04/09 日漫
PHP动态变静态原理
2006/11/25 PHP
mysql 的 like 问题,超强毕杀记!!!
2007/01/18 PHP
PHP 函数执行效率的小比较
2010/10/17 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
Joomla数据库操作之JFactory::getDBO用法
2016/05/05 PHP
PHP单例模式应用示例【多次连接数据库只实例化一次】
2018/12/18 PHP
ie下$.getJSON出现问题的解决方法
2014/02/12 Javascript
基于jQuery的网页影音播放器jPlayer的基本使用教程
2016/03/08 Javascript
Bootstrap三种表单布局的使用方法
2016/06/21 Javascript
详解Vue中过度动画效果应用
2017/05/25 Javascript
bootstrap基本配置_动力节点Java学院整理
2017/07/14 Javascript
详解mpvue开发小程序小总结
2018/07/25 Javascript
Vue.js实现双向数据绑定方法(表单自动赋值、表单自动取值)
2018/08/27 Javascript
p5.js绘制创意自画像
2019/11/04 Javascript
JS实现放大镜效果
2020/09/21 Javascript
python实现二叉树的遍历
2017/12/11 Python
Python实现生成随机日期字符串的方法示例
2017/12/25 Python
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
python八皇后问题的解决方法
2018/09/27 Python
pycharm 实现显示project 选项卡的方法
2019/01/17 Python
python实现递归查找某个路径下所有文件中的中文字符
2019/08/31 Python
Python搭建代理IP池实现获取IP的方法
2019/10/27 Python
python系统指定文件的查找只输出目录下所有文件及文件夹
2020/01/19 Python
python super()函数的基本使用
2020/09/10 Python
python闭包与引用以及需要注意的陷阱
2020/09/18 Python
Python模拟键盘输入自动登录TGP
2020/11/27 Python
解决pycharm导入numpy包的和使用时报错:RuntimeError: The current Numpy installation (‘D:\\python3.6\\lib\\site-packa的问题
2020/12/08 Python
AE美国鹰日本官方网站: American Eagle Outfitters
2016/12/10 全球购物
日本必酷网络直营店:Biccamera
2019/03/23 全球购物
阿里巴巴英国:Alibaba英国
2019/12/11 全球购物
公司离职证明范本
2014/10/17 职场文书
大二学年个人总结
2015/03/03 职场文书
详解 TypeScript 枚举类型
2021/11/02 Javascript
使用kubeadm命令行工具创建kubernetes集群
2022/03/31 Servers
python实现简单的三子棋游戏
2022/04/28 Python