$(function(){

    $("#panel h5.head").bind("click",function(){

        $(this).next().show();

    })

})

$(function(){

    $("#panel h5.head").bind("click",function(){

        var $content = $(this).next();

        if($content.is(":visible")){

            $content.hide();

        }else{

            $content.show();

        }

    })

})

$(function(){

    $("#panel h5.head").bind("mouseover",function(){

         $(this).next().show();

    }).bind("mouseout",function(){

         $(this).next().hide();

    })

})

$(function(){

    $("#panel h5.head").mouseover(function(){

        $(this).next().show();

    }).mouseout(function(){

        $(this).next().hide();

    })

})




公共页面

</head>

<body>

<div id="panel">

    <h5 class="head">什么是jQuery?</h5>

    <div class="content">

        jQuery是继Prototype之后又一个优秀的JavaScript库，它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性，

        极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思

        路和编写程序的方式。

    </div>

</div>

</body>


												


											
jquery 事件绑定（1）的更多相关文章
	

    
						
  1. 深入学习jQuery事件绑定
		
    × 目录 [1]bind [2]trigger [3]delegate[4]on[5]one 前面的话 javascript有HTML.DOM0级.DOM2级和IE这四种事件处理程序,而jQuery对 ...
    
		
    2. 
						
  2. jQuery事件绑定、解绑、命名空间
		
    jQuery事件绑定.解绑.命名空间 <%@ page language="java" import="java.util.*" pageEncoding ...
    
		
    3. 
						
  3. jQuery 事件绑定 和 JavaScript 原生事件绑定
		
    总结一下:jQuery 事件绑定 和 JavaScript 原生事件绑定 及 区别 jQuery 事件绑定 jQuery 中提供了四种事件监听绑定方式,分别是 bind.live.delegate.o ...
    
		
    4. 
						
  4. JQuery事件绑定，bind与on区别
		
    jquery事件绑定bind:向匹配元素添加一个或多个事件处理器 $(selector).bind("click",data,function); live:向当前或未来的匹配元素 ...
    
		
    5. 
						
  5. jQuery事件绑定和委托实例
		
    本文实例讲述了jQuery事件绑定和委托.分享给大家供大家参考.具体方法如下: jQuery事件的绑定和委托可以用多种方法实现,on()  . bind()  . live()  . delegate ...
    
		
    6. 
						
  6. jQuery事件绑定.on()简要概述及应用
		
    原文地址:http://www.jquerycn.cn/a_5346     前几天看到事件委托的时候,关于live()方法讲的不是很详细,就去搜了一下关于live()和delegate()的,最后看 ...
    
		
    7. 
						
  7. jQuery事件绑定on()、bind()与delegate() 方法详解
		
    jquery中有四种事件绑定函数,bind(),live(),on(),delegate(),由于live现在并不常用,因此不做过多解释. 1. bind()用法 $("div p" ...
    
		
    8. 
						
  8. 关于jQuery事件绑定
		
    转自:http://www.cnblogs.com/gaojun/p/3497582.html html: <a href="#" onclick="addBtn( ...
    
		
    9. 
						
  9. jQuery事件绑定和委托
		
    可以用多种方法实现,on()  . bind()  . live()  . delegate() ,还有one(). 有时我们可能会像下面这样绑定一个事件: $("#div1"). ...
    
		
    10. 
						
  10. jQuery事件绑定的最佳实践
		
    如果你经常使用jQuery,那么你也许很熟悉事件绑定.这是很基本的东西,但是深入一点,你就能够找到机会让你事件驱动的代码变得不太零碎,并且更容易管理. 更好的选择器策略 让我们从基础的例子开始.下面的 ...
    
		
    11. 
		

	


随机推荐
	

    
									
  1. Tomcat死机报OutOfMemoryError: PermGen space错误
			
    最近,用户没怎么使用系统,页面就卡死,访问不了.仔细一看是Tomcat假死,好几次都这样.重启也慢的很,很着急.最后,看了下 conf/logs 里的配置文件,发现是 OutOfMemoryError ...
    
			
    2. 
						
  2. java一切乱码的解释 以及源头【转】
			
    工作中经常遇到java编码问题,由于缺乏研究,总是无法给出确切的答案,这个周末在网上查了一些资料,在此做些汇总. 问题一:在java中读取文件时应该采用什么编码? Java读取文件的方式总体可以分为两 ...
    
			
    3. 
						
  3. 《University Calculus》-chaper8-无穷序列和无穷级数-等比级数
			
    前言:其实无穷序列和无穷级数和数列{an}以及我们接触微积分就给出的极限概念lim有着紧密的联系,它对于我们在具体的问题当中进行建模和数据分析有着非常重要的作用. 无穷序列: 最简单的一种说法,就是一 ...
    
			
    4. 
						
  4. SRM 390(1-250pt)
			
    DIV1 250pt 题意:给定整数n和k,问最少需要多少个n连接在一起形成的新整数t,使得t是k的倍数.如果不能形成倍数,输出-1.k <= 10^5,n <= 10^9. 解法:不断增 ...
    
			
    5. 
						
  5. Jenkins 二：邮件配置
			
    默认邮件的配置 假设管理员邮箱是 user1@domain1.com,密码是pw1. 1. 打开“系统管理”-> “系统设置”. 2. 找到“Jenkins Location”-> “系统 ...
    
			
    6. 
						
  6. scipy安装失败
			
    pip install scipy安装失败 可以从uci网站下载wheel安装包然后执行pip install xx.whl进行安装 http://www.lfd.uci.edu/~gohlke/py ...
    
			
    7. 
						
  7. ubuntu 连接 mssql <转>
			
    转自  http://www.sendong.net/thread-90941-1-1.html 在linux下连接MSSQL,因为微软同志没有提供任何接口给开发人员,大约他们认为要用MSSQL的,只 ...
    
			
    8. 
						
  8. 移动页面缩放方法之（一）控制meta法
			
    <!DOCTYPE HTML> <html lang="zh-cn"> <head> <meta http-equiv="Con ...
    
			
    9. 
						
  9. 弹出层easydialog-v2.0
			
    地址:http://www.lanrentuku.com/down/js/qita-862/ easydialog.css ;;; } .easyDialog_wrapper{ width:320px ...
    
			
    10. 
						
  10. AES对称加密算法
			
    package cn.jsonlu.passguard.utils; import org.apache.commons.codec.binary.Base64; import javax.crypt ...
    
			
    11.