这篇文章主要介绍了jquery简单绑定单个事件的方法,结合具体实例形式分析了jquery使用bind方法进行事件绑定与事件响应的相关操作技巧,需要的朋友可以参考下
本文实例讲述了jQuery简单绑定单个事件的方法。分享给大家供大家参考，具体如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>绑定单个事件</title>
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script language="JavaScript">
$(document).ready(function () {
$("input[name=event_1]").bind({
mouseover:function () {
$("ul").css("display","none");
},
mouseout:function () {
$("ul").css("display","block");
}
});
});
</script>
</head>
<body>
<h1>壹基金</h1>
<h2>简介</h2>
<p>2007年，李连杰先生创立启动了壹基金。深圳壹基金公益基金会2010年12月3日再深圳注册成立，是中国第一家民间公募基金会。</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/shouce/1956" title="高级Bash脚本编程指南 chm版"><img
src="https://img.php.cn/upload/manual/000/000/011/170918280317715.gif" alt="高级Bash脚本编程指南 chm版" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/shouce/1956" title="高级Bash脚本编程指南 chm版">高级Bash脚本编程指南 chm版</a>
<p>这本书假定你没有任何关于脚本或一般程序的编程知识, 但是如果你具备相关的知识, 那么你将很容易就能够达到中高级的水平. . . 所有这些只是UNIX®浩瀚知识的一小部分. 你可以把本书作为教材, 自学手册, 或者是关于shell脚本技术的文档. 书中的练习和样例脚本中的注释将会与读者进行更好的互动, 但是最关键的前提是: 想真正学习脚本编程的唯一途径就是亲自动手编写脚本. 这本书也可作为教材来讲解一般的编程概念. 向伟大的中华民族的Linux用户致意! 我希望这本书能够帮助你们学习和理解L</p>
</div>
<a href="/xiazai/shouce/1956" title="高级Bash脚本编程指南 chm版" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
<h2>战略及策略</h2>
<p>壹基金的公益愿景为"尽我所能，人人公益"。壹基金战略模式为"一个平台+三个领域"，即搭建专业透明的壹基金公益平台。</p>
<h2>公益活动</h2>
<ul>
<li>为爱同行</li>
<li>关注自闭儿童</li>
<li>雅安地震救援</li>
</ul>
<input name="event_1" type="button" value="绑定单个事件" />
</body>
</html> 
