jQuery复习：第二章&第三章

Posted 2020-06-27

第二章

一、选择器

1.层次选择器

$(“ancestor descendant”)选取ancestor元素里的所有后代元素

$(“parent > child”)选取parent元素下的child子元素。

2.表单选择器

$(“#form1 input”)选取form1下所有<input>元素

$(“form1 :input”)选取form1下所有<input>、<textarea>、<select>和<button>元素。

3.选择器中的特殊符号需要用转义字符。如：

$(“#id#b”)应写成：$(“#di\\#b”)

4.选择器中的空格不能忽视，有空格和没空格结果不同。

二、find( )和filter( )的区别：

         find( )会在元素内寻找匹配元素，filter( )是筛选元素，一个是对它的自己操作，一个是对自身集合元素进行筛选。

第三章

一、插入节点的方法：

1.append( )：向每个匹配元素内部追加内容

2.appendTo( )：将所有匹配的元素追加到指定的元素中

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

4.prependTo( )：将所有匹配的元素前置到指定的元素中

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

6.insertAfter( )：将所有匹配的元素插入到指定元素的后面

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

8.insertBefore( )：将所有匹配的元素插入到指定的元素之前

二、设置和获取html、文本和值

1.html( )方法：可以用来读取或者设置某个元素中的HTML内容。

2.text( )：可以用来读取或者或设置某个元素中的文本内容。

3.val( )：可以用来设置和获取元素的值。

三、遍历节点

1.children( )方法：用于取得匹配子元素集合（不考虑其他后代元素）

2.next( )方法：用于取得匹配元素后面紧邻的同辈元素

3.prev( )方法：用于取得匹配元素前面紧邻的同辈元素

4.siblings( )方法：用于取得匹配元素前后所有的同辈元素

5.closest( )方法：用于取得最近的匹配元素

6.parent( )、parents( )与closest( )的区别：

         （1）parent( )：获取集合中每个匹配元素的父级元素

         （2）parents( )：获得集合中每个匹配元素的祖先元素

         （3）closest( )：从元素本身开始，逐级向上级元素匹配，并返回最先匹配的祖先元素