jquery click([data],fn)使用方法实例介绍_Javascript教程-查字典教程网
jquery click([data],fn)使用方法实例介绍
jquery click([data],fn)使用方法实例介绍
发布时间:2016-12-30 来源:查字典编辑
摘要: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>

相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
  • 大家都在看
  • 小编推荐
  • 猜你喜欢
  • 最新Javascript教程学习
    热门Javascript教程学习
    编程开发子分类