$(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. slf4j简介
			
    SLF4J不是日志框架而是一个简单日志门面,它的目的是允许最终用户在部署时使用期望的日志框架. The Simple Logging Facade for Java (SLF4J) serves as ...
    
			
    2. 
						
  2. TXT四则运算计算器 后日谈
			
    经过了软件工程第一个个人项目——<<四则运算器>>的开发后,对软件开发有了新的认识.题目中并没有明确说明对小数和负数是否应该提供支持.在第一个项目结束后,第二个项目则是针对上一 ...
    
			
    3. 
						
  3. 安装 macbook 双系统( OS X 和 Ubuntu )
			
    打算 macbook 上面多安装一个 ubuntu 系统来用下.流程大致下面几步: 1. 备份重要资料 2. 划分硬盘区域用于安装 ubuntu 3. 下载 ubuntu ISO 文件,并刻录到 U  ...
    
			
    4. 
						
  4. motan源码分析十：流量切换
			
    motan提供了流量切换的功能,可以实现把一个group的流量切换到另一个group(一个或多个服务都可以).大家可以使用tomcat部署motan的管理工具,并设置几个组,例如可以参考demo代码: ...
    
			
    5. 
						
  5. mysql group by的用法 注意
			
    group by 用法: 官方的解释:select 后面的字段必须出现在 group by 后面, 除非是聚合,sum,或者count 但是如果 是多表联查, SELECT    c.`name` A ...
    
			
    6. 
						
  6. [连载]JavaScript讲义（03）--- JavaScript面向对象编程
			
    
			
    7. 
						
  7. [PWA] 14. Loop cursor
			
    import idb from 'idb'; var dbPromise = idb.open('test-db', 4, function (upgradeDb) { switch (upgrade ...
    
			
    8. 
						
  8. 改写URL的查询字符串QUERY_STRING(转)
			
    查询字符串是指URL请求中“问号”后面的部分.比如,http://www.nowamagic.net/?foo=bar中粗体部分就是查询字符串,其中变量名是foo,值是bar. 1. 利用QSA转换查 ...
    
			
    9. 
						
  9. digoal -阿里云postgrel大神
			
    https://yq.aliyun.com/users/1384833841157402?spm=5176.100239.blogrightarea51131.3.T5LRsF
    
			
    10. 
						
  10. 对于android拦截短信的一些疑问
			
    最近折腾android4.4短信拦截的问题,要求在app上收到短信的时候弹出提示,并显示的功能. 然后找到了使用broadcastreceiver和contentprovider两种方法,那么问题来了 ...
    
			
    11.