jQuery课件笔记第一章

1、了解jquery

        是什么：what?

                一个JS函数库：write less,do more

                封装简化DOM操作(CURD)/Ajax

        为什么用它：why?

                强大的选择器：方便快速查找DOM元素

                隐士遍历(迭代)：一次操作多个元素

                读写合一：读数据/写数据用的是一个函数

                链式调用：可以通过不断调用Jquery对象的方法        

                事件处理

                DOM操作(CUD)

                样式操作

                动画

                浏览器兼容

        如何使用：How？

                引入jquery库

                        本地引入与CDN远程引入

                        测试版与生产版(压缩版)

                使用jquery

                        使用jquery含糊：$/jquery

                        使用jquery对象:$xxx(执行的$(得到的))

2、jquery的两把利器

        jquery函数:$/jquery

                jquery向外暴露的就是jquery函数，可以直接使用

                当成一般函数使用人：$(param)

                        param是function：相当于window.οnlοad=function(文档加载完成的监听)

                        param是选择器字符串：查找所有匹配的DOM元素，返回包含所有DOM元素的jquery对象

                        param是DOM元素：将DOM元素对象包装为jquery对象返回$(this）

                        param是标签字符串：创建标签的DOM元素对象并包装为jquery对象返回

                当成对象使用：$.xxx

                        each(obj/arr,function(key,value){})

                        trim(str)

        jquery对象

                包含所有匹配的n个DOM元素的伪数组对象

                指定的$()返回的就是jquery对象

                基本行为：

                        length/size():得到的dom元素的个数

                        [index]：得到指定下标对应的DOM元素

                        each(function(index,domEle){}):遍历所有dom元素

                        index():得到当前dom元素在所有兄弟中的下标

3、选择器

        是什么？

                有特定预防规则(css选择器)的字符串

                用来查找某个/些DOM元素:$(selector)

        分类

                基本

                        #id

                        tagName

                        .class

                        selector1,selector2,selector3:并集

                        selector1selector2selector3：交集

                层次

                        找子孙后代，兄弟元素

                        selector1>selector2:子元素

                        selector1 selector2:后代元素

                过滤

                        在原有匹配元素中筛选出其中一些

                        :first

                        :last

                        :eq(index)

                        :lt

                        :gt

                        :odd

                        :even

                        :not(selector)

                        :hidden

                        :visible

                        [attrName]

                        [atrrName=value]

                表单

                        :input

                        :text

                        :checkbox

                        :radio

                        :checked:选中的

4、属性/文本

        操作标签的属性，标签体文本

        attr(name)/attr(name,value)：读写非布尔值的标签属性

        prop(name)/prop(name,value)：读写布尔值的标签属性

        removeAttr(name)/removeProp(name)：删除属性

        addClass(classValue):添加class

        removeClass(classValue):移除指定的class

        val()/val(value)：读写标签的value

        html()/html(htmlString)：读写标签体文本

总结：以上就是jQuery第一章的内容，感谢您的观看！