手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jquery click([data],fn)使用方法实例介绍
jquery click([data],fn)使用方法实例介绍
摘要:click([[data],fn])返回值:jQuery概述触发每一个匹配元素的click事件。这个函数会调用执行绑定到click事件的所有...

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></div>

<div id="idTip"></div>

</body>

</html>

【jquery click([data],fn)使用方法实例介绍】相关文章:

jQuery插件制作之全局函数用法实例

jQuery实现延迟跳转的方法

js中setTimeout()与clearTimeout()用法实例浅析

Jquery注册事件实现方法

jQuery使用zTree插件实现树形菜单和异步加载

JQuery中Text方法用法实例分析

JQuery中attr方法和removeAttr方法用法实例

jquery实现用户打分评分特效

JavaScript常用数组算法小结

jquery使用each方法遍历json格式数据实例

精品推荐
分类导航