一、jQuery基础

         1、jQuery是什么?

         jQuery是一个js框架，其主要思想是，通过

选择器查找到对应的节点，然后对这个节点进行

封装(封装成一个jQuery对象)。通过调用jQuery

对象的属性或者方法来实现对节点的操作。这样做的

好处是：第一，将不同的浏览器之间的差异屏蔽起来了。

第二，代码更加简洁，维护方便。

         2、jQuery编程的步骤

                   step1: 使用选择器查找节点

                   step2: 调用jQuery对象的方法或者属性

         选择器：jQuery模仿css选择器语法，创建的一套

         用于查找节点的规则。

         3、jQuery对象与dom节点

                   1)dom节点如何转换成jQuery对象

                            调用$()函数，比如

                            $(obj);

                   2)jQuery对象如何转换成dom节点

                            方式一:  $obj.get(0)

                            方式二: $obj.get()[0]

                   3) jQuery与其它js框架如何共存?

                            使用conflict()函数。

二、选择器

         1、选择器是什么?

                   jQuery模仿css选择器语法，创建的一套

         用于查找节点的规则。

         2、基本选择器

                   #id

                   .class

                   element

                   selector1,select2..selectn

                   *

         3、层次选择器

                   select1 select2

                   select1>select2

                   select1+select2

                   select1~select2

                  

         4、过滤选择器

                   (1)基本过滤选择器

                   :first

                   :last

                   :not(selector)

                   :even

                   :odd

                   :eq(index)

                   :gt(index)

                   :lt(index)

 

                   (2)内容过滤选择器

                            :contains(text) 匹配包含给定文本的元素

                            :empty 匹配所有不包含子元素或者文本的空元素

                            :has(selector) 匹配含有选择器所匹配的元素

                            的元素

                            :parent 匹配含有子元素或者文本的元素

 

                   (3)可见性过滤选择器

                            :hidden 匹配所有不可见元素，

                            或者type为hidden的元素

                            :visible 匹配所有的可见元素

                           

                   (4)属性过滤选择器

                            [attribute]

                            [attribute=value]

                            [attribute!=value]

                   (5)子元素过滤选择器

                            :nth-child(index/even/odd)

                   (6)表单对象属性过滤选择器

                            :enabled

                            :disabled

                            :checked

                            :selected

         5、表单选择器

                   :input

                   :text

                   :pasword

                   :radio

                   :checkbox

                   :submit

                   :image

                   :reset

                   :button

                   :file

                   :hidden

三、dom操作

         1、dom查找

                   通过选择器找到节点后，可以调用

                   a, html() : 输出或者修改节点之间的html内容

                   b,text()：输出或者修改节点之间文本

                   c,val()：输出或者修改节点的value属性

         2、创建节点:

                    $(html)

         3、添加节点:

                    append():向每个匹配的元素内部追加内容

                    prepend():向每个匹配的元素内部前置内容

                    after():在每个匹配的元素之后插入内容

                    before():在每个匹配的元素之前插入内容        

         4、删除节点

                   remove()

                   remove(selector)

                   empty():清空节点

         5、复制节点

                   clone()

                   clone(true):使复制的节点也具有行为(将事件

                   处理代码一块复制)

         6、属性操作

                   读取：attr('');

                   设置：     attr('','') 或者一次

                   设置多个 attr({"":"","":""});

                   删除：removeAttr('')

         7、样式操作

                   获取和设置: attr("class","") 

                   追加:addClass('')

                   移除:removeClass('')

                   或者removeClass('s1 s2')

                   或者removeClass()//会删除所有样式

                   切换样式：toggleClass,有该样式，就删除，没有，

                   就添加。

                   是否有某个样式 hasClass('')

                   读取css('')

                   设置css('','')或者

                   css({'':'','':''})//设置多个样式