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 相关文章推荐
在修改准备发的批量美化select+可修改select时,在非IE下发现了几个问题
Jan 09 Javascript
js程序中美元符号$是什么
Jun 05 Javascript
jquery $.ajax入门应用一
Nov 19 Javascript
基于jQuery的获得各种控件Value的方法
Nov 19 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
May 20 Javascript
JavaScript中Number.MAX_VALUE属性的使用方法
Jun 04 Javascript
DEDECMS如何为文章添加HOT NEW标志图片
Aug 14 Javascript
JavaScript的ExtJS框架中表格的编写教程
May 21 Javascript
jquery使用on绑定a标签无效 只能用live解决
Jun 02 Javascript
angular5 httpclient的示例实战
Mar 12 Javascript
React Native基础入门之初步使用Flexbox布局
Jul 02 Javascript
如何理解Vue的v-model指令的使用方法
Jul 19 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变量范围介绍
2012/10/15 PHP
php中如何使对象可以像数组一样进行foreach循环
2013/08/09 PHP
CodeIgniter针对lighttpd服务器URL重写的方法
2015/06/10 PHP
php读取XML的常见方法实例总结
2017/04/25 PHP
PHP获取二叉树镜像的方法
2018/01/17 PHP
尽可能写&quot;友好&quot;的&quot;Javascript&quot;代码
2007/01/09 Javascript
JS继承 笔记
2011/07/13 Javascript
jquery 获取表单元素里面的值示例代码
2013/07/28 Javascript
jquery插件开发之实现md5插件
2014/03/17 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
jQuery中:enabled选择器用法实例
2015/01/04 Javascript
javascript数据结构与算法之检索算法
2015/04/04 Javascript
JS排序方法(sort,bubble,select,insert)代码汇总
2016/01/30 Javascript
Javascript将字符串日期格式化为yyyy-mm-dd的方法
2016/10/27 Javascript
Vue.js中extend选项和delimiters选项的比较
2017/07/17 Javascript
微信小程序switch组件使用详解
2018/01/31 Javascript
解决使用Vue.js显示数据的时,页面闪现原始代码的问题
2018/02/11 Javascript
vue .sync修饰符的使用详解
2018/06/15 Javascript
webpack dll打包重复问题优化的解决
2018/10/10 Javascript
vue-cli点击实现全屏功能
2020/03/07 Javascript
Vue页面手动刷新,实现导航栏激活项还原到初始状态
2020/08/06 Javascript
JavaScript中的函数式编程详解
2020/08/22 Javascript
[01:46]辉夜杯—打造中国DOTA新格局
2015/12/25 DOTA
[03:05]《我与DAC》之xiao8:DAC与BG
2018/03/27 DOTA
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
Python3.5集合及其常见运算实例详解
2019/05/01 Python
python,Django实现的淘宝客登录功能示例
2019/06/12 Python
高考考python编程是真的吗
2020/07/20 Python
利用CSS3的border-radius绘制太极及爱心图案示例
2016/05/17 HTML / CSS
非洲NO.1网上商店:Jumia肯尼亚
2016/08/18 全球购物
莫斯科高科技在线商店:KremlinStore
2019/03/13 全球购物
Joseph官网:英国小众奢侈品牌
2019/05/17 全球购物
服务行业演讲稿
2014/09/02 职场文书
单位工作证明书格式
2014/10/04 职场文书
行政撤诉申请书
2015/05/18 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python