jQuery中click事件用法实例
更新时间：2014年12月26日 09:21:45 投稿：shichen2014
这篇文章主要介绍了jQuery中click事件用法,以实例形式分析了click事件的具体功能及应用技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了jQuery中click事件用法。分享给大家供大家参考。具体分析如下：
当鼠标指针在匹配元素上方，然后按下并松开鼠标左键或者调用click()方法都会触发click事件。
一个完整的事件过程，不但要有能够触发事件的条件，而且还要有事件处理程序。
可以通过click()方法为click事件绑定事件处理程序。例如:
复制代码 代码如下:
$("button").click(function(){$("div").css("color","green")})
以上代码就是将function函数作为事件处理程序通过click()方法绑定到click事件。当触发click事件的时候，就会调此函数。
实例代码:
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="https://www.jb51.net/" />
<title>click事件-脚本之家</title>
<style type="text/css">
div{
width:100px;
height:100px;
border:1px solid blue;
}
</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").css("color","green")})
})
</script>
</head>
<body>
<div>测试脚本</div>
<button>点击查看效果</button>
</body>
</html>
以上代码中，点击按钮可以将div中的字体颜色设置为绿色。
希望本文所述对大家的jQuery程序设计有所帮助。
相关文章
jquery内置验证(validate)使用方法示例(表单验证)
这篇文章主要介绍了jquery内置验证(validate)使用方法示例,在做表单验证的时候可以用到，下面看代码使用方法2013-12-12
jQuery1.6.1 发布有一段时间了，发现一些冗余代码，列出如下2011-06-06
下面小编就为大家分享一篇jQuery第一次运行页面默认触发点击事件的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-01-01
这篇文章主要介绍了jQuery中$.extend()用法,实例分析了extend()方法的功能、定义及相关的使用技巧,需要的朋友可以参考下2015-06-06
浏览各大网站，很多都少不了轮播效果，如何控制这些图片在一个方向上连续的滚动？这篇文章就为为大家详细介绍了jQuery插件实现图片轮播特效的代码，感兴趣的小伙伴们可以参考一下2016-06-06
让jQuery与其他JavaScript库并存避免冲突的方法
为了解决jQuery和其他JavaScript库中$()函数的冲突，需要取消jQuery的$()函数，下面有个不错的方法，感兴趣的朋友可以参考下2013-12-12
这篇文章介绍了利用JQuery方便实现基于Ajax的数据查询、排序和分页功能，需要的朋友可以参考下2015-09-09
这篇文章主要介绍了jquery实现预览提交的表单代码,需要的朋友可以参考下2014-05-05
jQuery学习笔记之jQuery的动画，需要的朋友可以参考下。2010-12-12
本文通过实例代码给大家讲解了基于jquery判断邮箱格式对错，非常实用，具有参考借鉴价值，需要的的朋友参考下吧2017-04-04
最新评论