$(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. The Viewport Transformation
			
    英文帖子链接http://glasnost.itcarlow.ie/~powerk/GeneralGraphicsNotes/projection/viewport_transformation.ht ...
    
			
    2. 
						
  2. 《Linear Algebra and Its Applications》-chaper3-行列式-行列式初等变换
			
    承接上一篇文章对行列式的引入,这篇文章将进一步记录关于行列式的有关内容,包括如下的几个方面: (1)行列式3个初等变换的证明. (2)转置行列式与原行列式相等的证明. (3)定理det(AB) = d ...
    
			
    3. 
						
  3. Clouds
			
    1.Eucalyptus: Eucalyptus is a Linux-based software architecture that implements scalable private and ...
    
			
    4. 
						
  4. Threading Module源码概述(三)
			
    Threading中的Thread threading中一个关键的组件是threading.Thread. class Thread(_Verbose): __initialized = False  ...
    
			
    5. 
						
  5. poj1323
			
    题目大意: 预测游戏 假如有MR人,包括你自己,玩一个特殊的卡片游戏,开始的时候,没有参与者接收到N张卡片,这pip卡片是一个正整数最少M*N,没有两张pip卡片是一样的,在一圈后,每个玩家选择一张卡 ...
    
			
    6. 
						
  6. 网络编程之TCP异步群聊：服务器端代码
			
    最近朋友建议我写一些关于微软云技术的博客留给学校下一届的学生们看,怕下一届的MSTC断档.于是我也觉的有这个必要.写了几篇博客之后,我觉得也有必要把这一年的学习内容放在博客做个纪念,就这样写了本篇博客 ...
    
			
    7. 
						
  7. makeKeyAndVisible的作用
			
    [self.window makeKeyAndVisible]; 这个是便捷方法,去使被使用对象的主窗口显示到屏幕的最前端.你也可以使用hiddenUIView方法隐藏这个窗口
    
			
    8. 
						
  8. 安装 Panda3D 并使用原有的Python
			
    Part 1:什么是Panda3D [原始网站] [中文版本] Part 2:注意事项 Panda3D的版本必须与Python相匹配 Part 3:使用已安装的Python 将‘C:\Panda3D- ...
    
			
    9. 
						
  9. Android--图片的三级缓存策略
			
    三级缓存缓存(内存)--->本地磁盘---->网络1.首先看一下图片存储到本地磁盘 public class FileUtils { String path;//文件存储的地方 publi ...
    
			
    10. 
						
  10. Jinja2模版语言自定义filter的使用
			
    Jinja2模版语言,自带有一些filter,能够在前端的模版中控制数据按照相应的方式显示.比如以下两种filter,分别能在前端控制数字的近似精度显示和根据字符串长度补齐: round(value, ...
    
			
    11.