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 相关文章推荐
实测jquery data()如何存值
Aug 18 Javascript
JavaScript动态创建div属性和样式示例代码
Oct 09 Javascript
基于javascript实现判断移动终端浏览器版本信息
Dec 09 Javascript
四种参数传递的形式——URL,超链接,js,form表单
Jul 24 Javascript
jQuery添加删除DOM元素方法详解
Jan 18 Javascript
使用Bootstrap框架制作查询页面的界面实例代码
May 27 Javascript
老生常谈 关于JavaScript的类的继承
Jun 24 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
旺旺在线客服代码 旺旺客服代码生成器
Jan 09 Javascript
微信小程序带动画弹窗组件使用方法详解
Nov 27 Javascript
原生JavaScript实现日历功能代码实例(无引用Jq)
Sep 23 Javascript
Vue路由守卫及页面登录权限控制的设置方法(两种)
Mar 31 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下过滤HTML代码的函数
2007/12/10 PHP
PHP7多线程搭建教程
2017/04/21 PHP
使用jQuery validate 验证注册表单实例演示
2013/03/25 Javascript
深入了解javascript中的prototype与继承
2013/04/14 Javascript
Javascript表单验证要注意的事项
2014/09/29 Javascript
javascript实现五星评价代码(源码下载)
2015/08/11 Javascript
学习JavaScript设计模式之中介者模式
2016/01/14 Javascript
jquery easyui DataGrid简单示例
2017/01/23 Javascript
JS与jQuery实现子窗口获取父窗口元素值的方法
2017/04/17 jQuery
Three.js实现绘制字体模型示例代码
2017/09/26 Javascript
JavaScript实现的简单Tab点击切换功能示例
2018/07/06 Javascript
Vue中通过Vue.extend动态创建实例的方法
2019/08/13 Javascript
vue.js使用v-model实现父子组件间的双向通信示例
2020/02/05 Javascript
vue实现在进行增删改操作后刷新页面
2020/08/05 Javascript
[02:53]DOTA2英雄昆卡基础教程
2013/11/25 DOTA
Python实现检测服务器是否可以ping通的2种方法
2015/01/01 Python
Linux环境下MySQL-python安装过程分享
2015/02/02 Python
解读Python编程中的命名空间与作用域
2015/10/16 Python
Python实现的排列组合计算操作示例
2017/10/13 Python
Python3 伪装浏览器的方法示例
2017/11/23 Python
wxPython之解决闪烁的问题
2018/01/15 Python
python实现五子棋小游戏
2020/03/25 Python
浅谈python的深浅拷贝以及fromkeys的用法
2019/03/08 Python
pandas进行时间数据的转换和计算时间差并提取年月日
2019/07/06 Python
python 画二维、三维点之间的线段实现方法
2019/07/07 Python
python读取并写入mat文件的方法
2019/07/12 Python
对Django中static(静态)文件详解以及{% static %}标签的使用方法
2019/07/28 Python
解决pytorch 的state_dict()拷贝问题
2021/03/03 Python
美国最受欢迎的度假目的地优惠套餐:BookVIP
2018/09/27 全球购物
函授毕业生的自我鉴定
2013/11/26 职场文书
初中体育教学反思
2014/01/14 职场文书
祖国在我心中演讲稿600字
2014/05/04 职场文书
艺术设计专业求职自荐信
2014/05/19 职场文书
经典毕业生求职信
2014/07/12 职场文书
公司费用报销管理制度
2015/08/04 职场文书
2016中秋晚会开幕词
2016/03/03 职场文书