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中使用正则计算中文长度的例子
Apr 29 Javascript
JavaScript设计模式经典之命令模式
Feb 24 Javascript
JS触摸屏网页版仿app弹窗型滚动列表选择器/日期选择器
Oct 30 Javascript
js实现tab切换效果
Feb 16 Javascript
一个Vue页面的内存泄露分析详解
Jun 25 Javascript
vue ssr服务端渲染(小白解惑)
Nov 10 Javascript
Javascript异步执行不按顺序解决方案
Apr 30 Javascript
javascript canvas封装动态时钟
Sep 30 Javascript
如何使用JS console.log()技巧提高工作效率
Oct 14 Javascript
使用TS来编写express服务器的方法步骤
Oct 29 Javascript
JS使用setInterval计时器实现挑战10秒
Nov 08 Javascript
JavaScript实现网页动态生成表格
Nov 25 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使用正则过滤js脚本代码实例
2014/05/10 PHP
php数字每三位加逗号的功能函数
2015/10/22 PHP
php自定义分页类完整实例
2015/12/25 PHP
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
基于jquery的网页SELECT下拉框美化代码
2010/10/28 Javascript
javascript之bind使用介绍
2011/10/09 Javascript
jQuery表单验证插件formValidator(改进版)
2012/02/03 Javascript
JavaScript实现数组在指定位置插入若干元素的方法
2015/04/06 Javascript
js实现对ajax请求面向对象的封装
2016/01/08 Javascript
真正好用的js验证上传文件大小的简单方法
2016/10/27 Javascript
获取JavaScript异步函数的返回值
2016/12/21 Javascript
BackBone及其实例探究_动力节点Java学院整理
2017/07/14 Javascript
ES6中新增的Object.assign()方法详解
2017/09/22 Javascript
vue-resource请求实现http登录拦截或者路由拦截的方法
2018/07/11 Javascript
微信小程序实现搜索功能并跳转搜索结果页面
2019/05/18 Javascript
微信小程序 wxParse插件显示视频问题
2019/09/27 Javascript
JavaScript如何使用插值实现图像渐变
2020/06/28 Javascript
[01:59]翻天覆地,因你而变,7.20版本地图更新速览
2018/11/24 DOTA
Python排序搜索基本算法之堆排序实例详解
2017/12/08 Python
Python将多个list合并为1个list的方法
2018/06/27 Python
python opencv读mp4视频的实例
2018/12/07 Python
python中append实例用法总结
2019/07/30 Python
python mysql自增字段AUTO_INCREMENT值的修改方式
2020/05/18 Python
Python调用C/C++的方法解析
2020/08/05 Python
Python爬虫逆向分析某云音乐加密参数的实例分析
2020/12/04 Python
Python数据模型与Python对象模型的相关总结
2021/01/26 Python
Javascript 高级手势使用介绍
2013/04/21 HTML / CSS
Ellos瑞典官网:北欧地区时尚、美容和住宅领域领先的电子商务网站
2019/11/21 全球购物
联想智利官方网站:Lenovo Chile
2020/06/03 全球购物
大班幼儿评语大全
2014/04/30 职场文书
党员教师批评与自我批评发言稿
2014/10/15 职场文书
拾金不昧感谢信范文
2015/01/21 职场文书
中学生自我评价范文
2015/03/03 职场文书
如何写观后感
2015/06/19 职场文书
服装店员工管理制度
2015/08/07 职场文书
Pytorch中的学习率衰减及其用法详解
2021/06/05 Python