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 相关文章推荐
在你的网页中嵌入外部网页的方法
Apr 02 Javascript
用js实现计算代码行数的简单方法附代码
Aug 13 Javascript
date.parse在IE和FF中的区别
Jul 29 Javascript
统计出现最多的字符次数的js代码
Dec 03 Javascript
纯javascript判断查询日期是否为有效日期
Aug 24 Javascript
jquery带下拉菜单和焦点图代码分享
Aug 24 Javascript
BootStrap 页签切换失效的解决方法
Aug 17 Javascript
12条写出高质量JS代码的方法
Jan 07 Javascript
使用pm2自动化部署node项目的方法步骤
Jan 28 Javascript
javaScript把其它类型转换为Number类型
Oct 13 Javascript
javascript设计模式 ? 模板方法模式原理与用法实例分析
Apr 23 Javascript
vue实现员工信息录入功能
Jun 11 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操作XML、读取数据和写入数据的实现代码
2014/08/15 PHP
分享PHP源码批量抓取远程网页图片并保存到本地的实现方法
2015/12/01 PHP
thinkPHP基于ajax实现的菜单与分页示例
2016/07/12 PHP
PHP读取zip文件的方法示例
2016/11/17 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
php使用ftp实现文件上传与下载功能
2017/07/21 PHP
PHP实现微信退款功能
2018/10/02 PHP
JavaScript中使用Math.floor()方法对数字取整
2015/06/15 Javascript
Vue.js第二天学习笔记(vue-router)
2016/12/01 Javascript
JS实现的自动打字效果示例
2017/03/10 Javascript
vue 中directive功能的简单实现
2018/01/05 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
bootstrap table支持高度百分比的实例代码
2018/02/28 Javascript
傻瓜式解读koa中间件处理模块koa-compose的使用
2018/10/30 Javascript
VUE基于NUXT的SSR 服务端渲染
2018/11/30 Javascript
了解JavaScript中let语句
2019/05/30 Javascript
python使用分治法实现求解最大值的方法
2015/05/12 Python
详解Python设计模式编程中观察者模式与策略模式的运用
2016/03/02 Python
python 设置输出图像的像素大小方法
2019/07/04 Python
Python调用接口合并Excel表代码实例
2020/03/31 Python
HTML5 Web Workers之网站也能多线程的实现
2013/04/24 HTML / CSS
Html5自定义字体解决方法
2019/10/09 HTML / CSS
Notino芬兰:购买香水和化妆品
2019/04/15 全球购物
莫斯科的韩国化妆品店:Sifo
2019/12/04 全球购物
4s店总经理岗位职责
2013/12/31 职场文书
元宵晚会主持词
2014/03/25 职场文书
劳动竞赛活动总结
2014/05/05 职场文书
公司总经理岗位职责范本
2014/08/15 职场文书
刑事和解协议书范本
2014/11/19 职场文书
2014年机关党委工作总结
2014/12/11 职场文书
党支部书记岗位职责
2015/02/15 职场文书
公司员工管理制度
2015/08/04 职场文书
2019生态环境保护倡议书!
2019/07/03 职场文书
python爬取网页版QQ空间,生成各类图表
2021/06/02 Python
Win11局域网共享权限在哪里设置? Win11高级共享的设置技巧
2022/04/05 数码科技
德劲DE1105机评
2022/04/05 无线电