jquery学习笔记

jquery对象：
(1)由jquery函数$()负责创建
(2)相当于一个数组
(3)可以通过jquery对象中的功能函数来对定位的dom对象进行操作管理

jquery对象与dom对象的转换：
jquery对象—>dom对象

for(var i=0;i<jquery对象.length;i++){
			var dom对象=jquery对象[i];
}

dom对象—>jquery对象

var jquery对象=$(dom对象);

注意：jquery对象与dom对象之间属性函数不能调用。

jquery的选择器

1.基本选择器：
（1）$("#id编号"):根据ID编号定位对应dom对象，将dom对象保存到一个数组中。

（2）$(".class名"):根据class名将选中dom对象保存到一个数组中。

（3）$(“标签类型名”):将指定标签类型关联的dom对象保存到一个数组中并返回。

（4）$("*")将浏览器所有dom对象保存一数组并返回。

（5）$(“条件1”,“条件2”):只要满足其中任一种条件，会保存到一数组并返回。

2.层级选择器
(1)$(“父类标签>子类标签”):定位当前父标签下，的所有子标签的dom对象。

(2)$(“父类标签 子标签”):定位当前父标签下的所有【直接子标签】和【间接子标签】的dom对象。

(3)$(“当前标签~兄弟标签”):定位当前标签后面所有兄弟标签的dom对象。

(4)$(“当前标签+兄弟标签”):定位当前标签后面的所有兄弟标签的dom对象。

(5)$(“当前标签”).siblings(“兄弟标签”):定位当前标签的前后所有兄弟标签的dom对象。

3.表单选择器
$(":input标签type的类型"):定义页面中所有与该type类型关联的dom。

jquery的过滤器

1.基本过滤器
$(“选择器:first”)：留下满足条件的第一个dom对象。

$(“选择器:lastt”)：留下满足条件的最后一个dom对象。

$(“选择器:eq(下标值)”)：留下满足条件的指定位置dom对象。

$(“选择器:lt(下标值)”)：留下满足条件的指定位置之前dom对象。

$(“选择器:gt(下标值)”)：留下满足条件的指定位置之后dom对象。

2.基本属性过滤器
（1）$(“选择器[属性名]”):留下对指定属性进行手动赋值的dom对象。

（2）$(“选择器[属性名=‘值’]”):留下满足定位条件且属性内容等于该值的dom对象。

（3）$(“选择器[属性名^=‘值’]”):留下满足定位条件且属性内容以该值开头的dom对象。

（4）$(“选择器[属性名 $=‘值’]”):留下满足定位条件且属性内容以该值结尾的dom对象。

（5）$(“选择器[属性名*=‘值’]”):留下满足定位条件且属性内容包含该值的dom对象。

3.工作状态过滤器
(1)$(“选择器:enabled”):留下满足条件并处于【可用状态的】dom。

(2)$(“选择器:disabled”):留下满足条件并处于【不可用状态】的dom。

(3)$(“选择器:checked”):留下满足条件并处于【选中状态】的dom。

(4)$(“选择器:selected”):留下满足条件并处于【选中状态】的dom。

jquery的功能函数

1.show():让jquery对象包含的dom对象关联的标签在浏览器上显示。
hide():让jquery对象包含的dom对象关联标签在浏览器上隐藏。
函数内加数字参数可以实现延迟效果。

2.remove():将当前标签和子标签清除处理。
empty():将当前标签的子标签清除处理。

3.append():父标签.append(子标签)
appendTo():子标签.appendTo(父标签)

4.属性操作函数
val函数:value
(1) $obj.val()读取jquery对象的第一个dom对象的value的值。

(2)$obj.val(值)为所有jquery对象的所有value属性进行赋值。

prop函数:工作状态属性 checked，disabled，selected，enabled
(1)$obj.prop(“工作状态属性”,true/false)：为jquery对象中所有dom对象的该属性赋值。

(2)$obj.prop(“工作状态属性”)：读取jquery对象中第一个dom对象的属性值。

attr函数:基本属性 id name title rowspan
(1)$obj.attr(“基本属性”，“值”):为jquery对象中所有dom对象的该属性赋值。

(2)$obj.attr(“基本属性”):读取jquery对象中第一个dom对象的属性值。

text函数：操作属性 innerText，双目标签的文本内容
(1)$obj.text(“值”)：为jquery对象中所有dom对象的innerText属性赋值。

(2)$obj.text():读取jquery对象中所有innerText属性内容，拼接为一个字符串返回。