jQuery复习一

初始jQuery

1、什么是jQuery？what

一个js函数库，封装简化DOM操作（curd）

2、为什么用它？why

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

隐式遍历（迭代）：一次操作多个元素

读写合一：读数据和写数据使用同一个函数

事件处理、链式调用、DOM操作（curd）、样式操作

3、如何使用？how

引入：本地引入和CDN远程引入（使用script标签）

使用jQuery

使用jQuery函数：$/jQuery()

使用jQuery对象：$xxx(执行$()得到的)

4、jQuery的两把利器

jQuery函数：$/jQuery

直接当成函数使用：$(param)

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

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

param是DOM元素：将所有元素包装成jQuery对象并返回  $(this)

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

当成对象使用：$.xxx()

$.each()：隐式遍历数组

$.trim()：去除两端的空格

jQuery对象

一个包含所有匹配的任意多个DOM元素的伪数组对象

size()/length:包含的DOM元素的个数

[index]/get(index)：得到对应位置的DOM元素

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

index()：得到所在兄弟元素中的下标

5、选择器

用来查找某个/些DOM元素

分类：

• 基本

#id

tagName/*

.class

selector1,selector2,selector3:并集

selector1selector2selecctor3:交集

• 层次

找子孙后代，兄弟元素

selector1>selector2:子元素

selector1 selector2：后代元素

• 过滤

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

：first

：last

：eq（index）

：not（selector）

lt：小于

gt：大于

• 表单

:input

:text

:checkbox

:radio

:checked  选中的

6、属性

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

attr（name）/attr（name，value）：读写非布尔值的标签属性

prop（name）/prop（name，value）：读写布尔值的标签属性

removeAttr（name）/removeAttr（name，value）：删除属性

addClass（classValue）：添加class

removeClass（classValue）：移除指定class

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

html（）/html（htmlString）：读写标签体文本