Normal
0
7.8 磅
0
2
false
false
false
EN-US
ZH-CN
X-NONE
MicrosoftInternetExplorer4
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.5pt;
mso-bidi-font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-font-kerning:1.0pt;}
什么是遍历?
jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。
下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。
.add() |
将元素添加到匹配元素的集合中。 |
.andSelf() |
把堆栈中之前的元素集添加到当前集合中。 |
.children() |
获得匹配元素集合中每个元素的所有子元素。 |
.closest() |
从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。 |
.contents() |
获得匹配元素集合中每个元素的子元素,包括文本和注释节点。 |
.each() |
对 jQuery 对象进行迭代,为每个匹配元素执行函数。 |
.end() |
结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。 |
.eq() |
将匹配元素集合缩减为位于指定索引的新元素。 |
.filter() |
将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。 |
.find() |
获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。 |
.first() |
将匹配元素集合缩减为集合中的第一个元素。 |
.has() |
将匹配元素集合缩减为包含特定元素的后代的集合。 |
.is() |
根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。 |
.last() |
将匹配元素集合缩减为集合中的最后一个元素。 |
.map() |
把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。 |
.next() |
获得匹配元素集合中每个元素紧邻的同辈元素。 |
.nextAll() |
获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。 |
.nextUntil() |
获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。 |
.not() |
从匹配元素集合中删除元素。 |
.offsetParent() |
获得用于定位的第一个父元素。 |
.parent() |
获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。 |
.parents() |
获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。 |
.parentsUntil() |
获得当前匹配元素集合中每个元素的祖先元素,直到遇到匹配选择器的元素为止。 |
.prev() |
获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。 |
.prevAll() |
获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。 |
.prevUntil() |
获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。 |
.siblings() |
获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)。 |
.slice() |
将匹配元素集合缩减为指定范围的子集。 |
jQuery 拥有可操作 HTML 元素和属性的强大方法。
jQuery DOM 操作
jQuery 中非常重要的部分,就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。
设置内容 - text()、html() 以及 val()
我们将使用前一章中的三个相同的方法来设置内容:
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
添加新的 HTML 内容
我们将学习用于添加新内容的四个 jQuery 方法:
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
删除元素/内容
如需删除元素和内容,一般可使用以下两个 jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
jQuery 操作 CSS
jQuery 拥有若干进行 CSS 操作的方法。我们将学习下面这些:
addClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
jQuery 尺寸 方法
jQuery 提供多个处理尺寸的重要方法:
width()
height()
innerWidth()
innerHeight()
outerWidth()
outerHeight()
Normal
0
7.8 磅
0
2
false
false
false
EN-US
ZH-CN
X-NONE
MicrosoftInternetExplorer4
什么是遍历?
jQuery 遍历,意为“移动”,用于根据其相对于其他元素的关系来“查找”(或选取)HTML 元素。以某项选择开始,并沿着这个选择移动,直到抵达您期望的元素为止。
下图展示了一个家族树。通过 jQuery 遍历,您能够从被选(当前的)元素开始,轻松地在家族树中向上移动(祖先),向下移动(子孙),水平移动(同胞)。这种移动被称为对 DOM 进行遍历。
.add() |
将元素添加到匹配元素的集合中。 |
.andSelf() |
把堆栈中之前的元素集添加到当前集合中。 |
.children() |
获得匹配元素集合中每个元素的所有子元素。 |
.closest() |
从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素。 |
.contents() |
获得匹配元素集合中每个元素的子元素,包括文本和注释节点。 |
.each() |
对 jQuery 对象进行迭代,为每个匹配元素执行函数。 |
.end() |
结束当前链中最近的一次筛选操作,并将匹配元素集合返回到前一次的状态。 |
.eq() |
将匹配元素集合缩减为位于指定索引的新元素。 |
.filter() |
将匹配元素集合缩减为匹配选择器或匹配函数返回值的新元素。 |
.find() |
获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。 |
.first() |
将匹配元素集合缩减为集合中的第一个元素。 |
.has() |
将匹配元素集合缩减为包含特定元素的后代的集合。 |
.is() |
根据选择器检查当前匹配元素集合,如果存在至少一个匹配元素,则返回 true。 |
.last() |
将匹配元素集合缩减为集合中的最后一个元素。 |
.map() |
把当前匹配集合中的每个元素传递给函数,产生包含返回值的新 jQuery 对象。 |
.next() |
获得匹配元素集合中每个元素紧邻的同辈元素。 |
.nextAll() |
获得匹配元素集合中每个元素之后的所有同辈元素,由选择器进行筛选(可选)。 |
.nextUntil() |
获得每个元素之后所有的同辈元素,直到遇到匹配选择器的元素为止。 |
.not() |
从匹配元素集合中删除元素。 |
.offsetParent() |
获得用于定位的第一个父元素。 |
.parent() |
获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。 |
.parents() |
获得当前匹配元素集合中每个元素的祖先元素,由选择器筛选(可选)。 |
.parentsUntil() |
获得当前匹配元素集合中每个元素的祖先元素,直到遇到匹配选择器的元素为止。 |
.prev() |
获得匹配元素集合中每个元素紧邻的前一个同辈元素,由选择器筛选(可选)。 |
.prevAll() |
获得匹配元素集合中每个元素之前的所有同辈元素,由选择器进行筛选(可选)。 |
.prevUntil() |
获得每个元素之前所有的同辈元素,直到遇到匹配选择器的元素为止。 |
.siblings() |
获得匹配元素集合中所有元素的同辈元素,由选择器筛选(可选)。 |
.slice() |
将匹配元素集合缩减为指定范围的子集。 |
/* Style Definitions */
table.MsoNormalTable
{mso-style-name:普通表格;
mso-tstyle-rowband-size:0;
mso-tstyle-colband-size:0;
mso-style-noshow:yes;
mso-style-priority:99;
mso-style-qformat:yes;
mso-style-parent:"";
mso-padding-alt:0cm 5.4pt 0cm 5.4pt;
mso-para-margin:0cm;
mso-para-margin-bottom:.0001pt;
mso-pagination:widow-orphan;
font-size:10.5pt;
mso-bidi-font-size:11.0pt;
font-family:"Calibri","sans-serif";
mso-ascii-font-family:Calibri;
mso-ascii-theme-font:minor-latin;
mso-hansi-font-family:Calibri;
mso-hansi-theme-font:minor-latin;
mso-font-kerning:1.0pt;}