JQuery入门

jQueryDOM操作

jQuery中提供了一系列的操作DOM节点的api,用于解决DOM原生API无法进行批量操作并且功能性较差的弊端。

插入方法：append、appendTo、prepend、prependTo、after、before、insertBefore、insertAfter

包裹方法：wrap、unwrap、wrapAll、wrapInner

替换方法：replaceWith、replaceAll

移除方法：empty、remove、detach

克隆方法：clone

通过 jQuery，可以很容易地添加新元素/内容。

我们将学习用于添加新内容的四个 jQuery 方法：

append() : 在被选元素的结尾插入内容（仍然在该元素的内部）

prepend() : 在被选元素的开头插入内容

after() : 在被选元素之后插入内容

before() : 在被选元素之前插入内容

复制节点:

原生DOM有 cloneNode(true/false) 浅复制false 深复制true。是否复制内部内容，并不涉及事件的复制。默认浅复制

jQuery对象有 clone(true/false) 浅复制false 深复制true。会复制内容，是否复制事件。默认浅复制

属性操作 在dom中，我们通过setAttribute/getAttribute/style来操作元素属性，jQuery中提供了更加便捷的方法 属性：attr、removeAttr、prop、removeProp css：addClass、removeClass、toggleClass、wrapInner、 内容：html、text、val

jQuery 拥有可操作 HTML 元素和属性的强大方法

三个简单实用的用于 DOM 操作的 jQuery 方法：

text() : 设置或返回所选元素的文本内容

html() : 设置或返回所选元素的内容（包括 HTML 标记）

val() : 设置或返回表单字段的值