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后$冲突的解决办法
Jul 09 Javascript
Javascript跨域请求的4种解决方式
Mar 17 Javascript
node.js中的buffer.fill方法使用说明
Dec 14 Javascript
JavaScript中的console.time()函数详细介绍
Dec 29 Javascript
jQuery学习笔记之Ajax用法实例详解
Dec 01 Javascript
Node.js的基本知识简单汇总
Sep 19 Javascript
Vue表单验证插件Vue Validator使用方法详解
Apr 07 Javascript
详解JS数组Reduce()方法详解及高级技巧
Aug 18 Javascript
axios向后台传递数组作为参数的方法
Aug 11 Javascript
解决vue单页面修改样式无法覆盖问题
Aug 05 Javascript
javascript 高级语法之继承的基本使用方法示例
Nov 11 Javascript
JavaScript实现简易聊天对话框(加滚动条)
Feb 10 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分析
2011/05/02 PHP
限制文本字节数js代码
2007/03/06 Javascript
JS 继承实例分析
2008/11/04 Javascript
jQuery function的正确书写方法
2013/08/02 Javascript
Javascript中常见的校验如域名、手机、邮箱等等
2014/01/02 Javascript
js加入收藏夹代码(兼容ie/ff/op)
2014/05/16 Javascript
跟我学Nodejs(一)--- Node.js简介及安装开发环境
2014/05/20 NodeJs
基于jQuery通过jQuery.form.js插件使用ajax提交form表单
2015/08/17 Javascript
使用canvas实现仿新浪微博头像截取上传功能
2015/09/02 Javascript
jQuery仅用3行代码实现的显示与隐藏功能完整实例
2015/10/08 Javascript
Jquery-1.9.1源码分析系列(十一)之DOM操作
2015/11/25 Javascript
js字符串截取函数slice、substring和substr的比较
2016/05/17 Javascript
jQuery EasyUI基础教程之EasyUI常用组件(推荐)
2016/07/15 Javascript
JS控件bootstrap datepicker使用方法详解
2017/03/25 Javascript
Vue中使用sass实现换肤功能
2018/09/07 Javascript
基于Webpack4和React hooks搭建项目的方法
2019/02/05 Javascript
JavaScript一元正号运算符示例代码
2019/06/30 Javascript
vue实现导航菜单和编辑文本的示例代码
2020/07/04 Javascript
vue cli 3.0通用打包配置代码,不分一二级目录
2020/09/02 Javascript
[05:17]DOTA2睡衣妹卖萌求签名 CJ第二天全明星影像
2013/07/28 DOTA
[00:31]DOTA2荣耀之路7:Miracle-空血无敌斩
2018/05/31 DOTA
利用aardio给python编写图形界面
2017/08/21 Python
python定时利用QQ邮件发送天气预报的实例
2017/11/17 Python
对pandas中apply函数的用法详解
2018/04/10 Python
Python迭代器定义与简单用法分析
2018/04/30 Python
Python 限制线程的最大数量的方法(Semaphore)
2019/02/22 Python
Python二进制文件读取并转换为浮点数详解
2019/06/25 Python
PyTorch如何搭建一个简单的网络
2020/08/24 Python
微信浏览器左上角返回按钮拦截功能
2017/11/21 HTML / CSS
英国最大的女士服装零售商:Bonmarché
2017/08/17 全球购物
女装和独特珠宝:Sundance Catalog
2018/09/19 全球购物
Brasty罗马尼亚:购买手表、香水、化妆品、珠宝
2020/04/21 全球购物
Otiumberg官网:英国半精致珠宝品牌
2021/01/16 全球购物
大学毕业感言100字
2014/02/03 职场文书
党员领导干部廉洁从政承诺书
2014/03/27 职场文书
Kubernetes中Deployment的升级与回滚
2022/04/01 Servers