jQuery

jQuery是一个优秀的JavaScript框架，封装了JS、CSS、DOM提供了一致的、简洁的API。

使用步骤：

1、引入jQuery的js文件。例如：<script type="text/javascript" src=".../js/jquery.js">

2、使用选择器定位要操作的节点。$("#username")

3、调用jQuery的方法进行操作。      $("username").val()

大部分jQuery对象方法的返回值都是jQuery对象，因此可以连续调用。

jQuery对象本质上是一个DOM对象的数组。

可以直接操作这个数组：obj.length，obj.get(index)，obj[index]

DOM对象转换为jQuery对象：$(DOM对象)

选择器：

1、基本选择器     $("#id，.class")选择器组

2、层次选择器     $("select1   select2")        $("select1>select2")        $("select1+select2")    $("select1~select2")

3、过滤选择器    ：first，last，not(selector)，even，odd，eq(index)，gt(index)，lt(index)

                   内容过滤选择器：：contains(text)            ：empty

                                                    ：hidden                       ：visible

                     属性选择器：[attribute]    [attribute=value]   [attribute!=value]   例如：$("input[name='kk']")

                   状态过滤选择器： ：enabled      ：disabled      ：checked             ：selected

4、表单选择器

        ：text     ：password   ：radio       ：checkbox    ：submit      ：reset       ：button      ：file       ：hidden

读取节点：

html()，text()，val()，attr()，attr("属性名",“属性值”)

创建DOM节点：

$(“节点内容”)

parent.append(obj)

parent.prepend(obj)

brother.after(obj)

brother.before(obj)

obj.remove()

obj.remove(selector)

obj.empty()

样式操作：

addClass("")

removeClass("")

removeClass()

toggleClass("")

hasClass("")

css("")读取样式值

css("","")

遍历节点：

children()、children(selector)、next()、next(selector)、prev()、prev(selector)、siblings()、siblings(selector)、find(selector)、parent()

事件处理：

$obj.bind(事件类型，事件函数) 例如：$obj.bind('click','fn')，简写形式：$obj.click(function(){...............})

获取事件对象event$obj.click(function(e){...............})

常用属性方法：e.target，e.pageX，e.pageY，e.stopPropagation()

hover(mouseenter，mouserleave)，toggle() ，$obj.trigger(事件类型)，例如$obj.trigger("focus")，简写：$obj.focus()

动画：

show(执行时间，回调函数) ， hide(执行时间，回调函数)  执行时间：slow，normal，fast，毫秒数。

slideDown()，slideUp（）

fadeIn()，fadeOut()

animate()自定义动漫效果。