jQuery基本操作

jQuery简化了javaScript开发员遍历HTML文档、DOM操作、处理事件、执行动画和开发ajax等操作.

DOM对象
DOM解析HTML页面，将页面元素分为元素节点、属性节点、文本节点。
DOM解析得到的DOM元素就是DOM对象。

jQuery对象（它是一个数组对象）
jQuery对象是通过jQuery包装DOM对象产生的。     $(DOM对象)
注意：如果获取的是jQuery对象，要在变量前加$
可通过[index]或.get(index)得到相应的DOM对象

jQuery中常用选择器--基本选择器
id  用法：$("#my")
class  用法：$(".my")
element  用法：$("div")

获取各种属性的值：attr("属性名称");
为某元素设置指定属性的值:attr("名称","值")
获取文本内容：text()

页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件：
javascript中：window.onload
jQuery中：$(document).ready()  可简写为：$()

为页面元素绑定事件:bind(type, [data], fn)
                                  type: 含有一个或多个事件类型的字符串                        
                        提供可以绑定的事件有：
                            blur, focus, focusin, focusout, load, resize, scroll, unload, click, dblclick, mousedown, mouseup, mousemove, mouseover,                                                   mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, keyup, error                  
                   data:作为event.data属性值传递给事件对象的额外数据对象
                   fn：绑定到每个匹配元素的事件上面的处理函数
例：<script language="JavaScript">

     $(function(){

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

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

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

          $content.hide();

      }else{

          $content.show();

      }

          })

        })

    script>