jQuery中click事件的定义和用法


本文实例讲述了jQuery中click事件的定义和用法。分享给大家供大家参考。具体分析如下:

当鼠标指针在匹配元素上方,然后按下并松开鼠标左键或者调用click()方法都会触发click事件。

click()方法也可以绑定事件处理方法。

语法结构一:
触发click事件。

复制代码 代码如下:
$(selector).click()

语法结构二:
为click事件绑定事件处理方法。

复制代码 代码如下:
$(selector).click(data,function)

参数列表:

参数 描述
data 可选。定义传入供function处理的数据。
function 定义click事件触发时运行的函数。

实例代码:

复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.phpstudy.net/" />
<title>click事件-phpstudy</title>
<style type="text/css">
div{
  width:200px;
  height:200px;
  border:5px solid green;
}
</style>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("button").click(function(){
    $("div").text("这是后来添加的内容");
  })
  $("p").dblclick(function(){
    $("button").click();
  })
})
</script>
</head>
<body>
<div></div>
<p>双击我触发click事件</p>
<button>点击触发事件</button>
</body>
</html>

以上代码当双击p元素或者点击按钮的时候都会在div设置新的文本。

希望本文所述对大家的jQuery程序设计有所帮助。



相关阅读:
JS+CSS实现闪烁字体效果代码
Oracle round()函数与trunc()函数区别介绍
Windows XP服务怎么根据需求自行配置?
Win7怎么看电脑内存?Win7系统查看电脑内存的三种方法
Javascript递归打印Document层次关系实例分析
win10家庭版多少钱?win10家庭版中国零售价格介绍
JavaScript获取元素尺寸和大小操作总结
详解Java的Hibernat框架中的Map映射与SortedMap映射
Android手机闹钟服务AlarmManagerk开发案例
Zend Framework 2.0事件管理器(The EventManager)入门教程
Android中颜色选择器和改变字体颜色的实例教程
通过php修改xml文档内容的方法
跟我学习JScript的Bug与内存管理
java操作mysql入门代码实例(含插入、更新和查询)
快速导航

Copyright © 2016 phpStudy |