$(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. Python根据上下限生成不重复随机数
			
    Python 2.7.5 代码: # coding=gbk import random import sys min_num = input('输入下限:') max_num = input('输入上 ...
    
			
    2. 
						
  2. linux下安装python  linux下一些常用的命令
			
    注意 ubuntukylin-14.04.2-desktop-amd64 自带python2.7.6 这个说的比较详细 http://wenku.baidu.com/link?url=gaeFcQrc ...
    
			
    3. 
						
  3. python 解析xml 文件: Element Tree 方式
			
    环境 python:3.4.4 准备xml文件 首先新建一个xml文件,countries.xml.内容是在python官网上看到的. <?xml version="1.0" ...
    
			
    4. 
						
  4. F - Wormholes
			
    题目大意: 农民约翰在农场散步的时候发现农场有大量的虫洞,这些虫洞是非常特别的因为它们都是单向通道,为了方便现在把约翰的农田划分成N快区域,M条道路,W的虫洞. 约翰是时空旅行的粉丝,他希望这样做,在 ...
    
			
    5. 
						
  5. Appium移动自动化测试（一）--安装Appium(转)
			
    Appium移动自动化测试(一)--安装Appium 2015-05-30 17:48 by 虫师, 70668 阅读, 13 评论, 收藏, 编辑 Appium 自动化测试是很早之前就想学习和研究的 ...
    
			
    6. 
						
  6. mysql主从复制 详解
			
    转自 http://blog.csdn.net/m582445672/article/details/7731565 实践: http://shiyanjun.cn/archives/584.html ...
    
			
    7. 
						
  7. JavaBean基础
			
    JavaBean的概念 JavaBean是一种可重复使用.且跨平台的软件组件.JavaBean可分为两种:一种是有用户界面(UI,User Interface)的JavaBean:还有一种是没有用户界 ...
    
			
    8. 
						
  8. 再看C++引用类型
			
    之前弃用博客园的原因是其不支持markdown语法.到今天偶然进来试了一下,发现Markdown toggle原来是能支持的(不知道是不是因为它升级了),遂重新启用. 在一年前学C++的时候就对引用, ...
    
			
    9. 
						
  9. 必胜宅急送Web app设计背后的思考
			
    O2O模式是餐饮业在移动消费趋势下主动拥抱互联网的方向,迎合餐饮消费者从以往经验判断为主转变为依靠移动设备.lbs.社交网络进行立体决策的过程.继App客户端之后,手机web app也逐渐成为O2O中 ...
    
			
    10. 
						
  10. PNG文件格式具体解释
			
      PNG文件结构分析(上:了解PNG文件存储格式) 前言 我们都知道,在进行J2ME的手机应用程序开发的时候,在图片的使用上,我们能够使用PNG格式的图片(甚至于在有的手机上,我们仅仅能够使用PNG ...
    
			
    11.