jQuery手风琴的制作！！

jQuery手风琴的制作

首先我们先来做一个简单的jQuery的效果图

效果图 如下：

css代码 如下：

HTML代码 如下：

• 
  

  jquery的核心函数

  
  
  
  
  1. jQuery([selector,[context]])
  
  
  2. jQuery(html,[ownerDoc])1.8
  
  
  3. jQuery(callback)
  
  
  4. jQuery.holdReady(hold)1.6+
  
  
  
  


• 
  

  jQuery的效果

  
  
  
  
  1. hide 显示和隐藏
  
  
  2. slideDown 只对高度有效
  
  
  3. fadeIn 淡入效果
  
  
  4. slideToggle 淡入和淡出效果
  
  
  
  


• 
  

  jQuery的属性

  
  
  
  
  1. attr 设置或返回的元素
  
  
  2. removeAttr 从每个元素中删除一个元素
  
  
  3. prop 获取第一个元素的属性
  
  
  4. removeProp prop()方法设置属性集
  
  
  
  


• 
  

  jQuery的事件

  
  
  
  
  1. off 在元素上移除多个事件的处理函数
  
  
  2. bind 为每个元素绑定事件处理函数
  
  
  3. one 为每个匹配元素绑定一次性处理函数
  
  
  4. trigger 在每个匹配的元素上触发某类事件
  
  
  
  

jQuery代码 如下：

<script src="jquery.min.js" type="text/javascript"charset="utf-8">