jQuery DOM 操作

jQuery 中非常重要的部分，就是操作 DOM 的能力。

jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。

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

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

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

这是段落中的粗体文本。
显示文本显示 HTML

　获取属性 - attr()

zyc
显示 href 值

　　设置内容 - text()、html() 以及 val()

这是段落。
这是另一个段落。
Input field: 
设置文本设置 HTML设置值

　　text()、html() 以及 val() 的回调函数

这是粗体文本。
这是另一段粗体文本。
显示旧/新文本显示旧/新 HTML

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

　　append() - 在被选元素的结尾插入内容

This is a paragraph.
This is another paragraph.
     
      
List item 1
      
List item 2
      
List item 3
     
追加文本追加列表项

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

This is a paragraph.
This is another paragraph.
     
      
List item 1
      
List item 2
      
List item 3
     
添加文本添加列表项

　　after() - 在被选元素之后插入内容　　before() - 在被选元素之前插入内容

在图片前面添加文本在图片后面添加文本

　　通过 jQuery，可以很容易地删除已有的 HTML 元素。

　　remove() - 删除被选元素（及其子元素）

     
      This is some text in the div.
      
This is a paragraph in the div.
      
This is another paragraph in the div.
     
删除 div 元素

　　empty() - 从被选元素中删除子元素

     
      This is some text in the div.
      
This is a paragraph in the div.
      
This is another paragraph in the div.
     
清空 div 元素

　　jQuery 拥有若干进行 CSS 操作的方法。

　　addClass() - 向被选元素添加一个或多个类

标题 1
标题 2
这是一个段落。
这是另一个段落。
     
      这是非常重要的文本！
     
向元素添加类

　　removeClass() - 从被选元素删除一个或多个类

标题 1
标题 2
这是一个段落。
这是另一个段落。
从元素上删除类

　　toggleClass() - 对被选元素进行添加/删除类的切换操作

标题 1
标题 2
这是一个段落。
这是另一个段落。
切换 CSS 类

　　css() - 设置或返回样式属性

head>
这是标题
这是一个段落。
这是一个段落。
这是一个段落。
返回 p 元素的背景色

　　设置多个 CSS 属性

这是标题
这是一个段落。
这是一个段落。
这是一个段落。
这是一个段落。
为 p 元素设置多个样式

　　jQuery 提供多个处理尺寸的重要方法：

　　width()　　height()

　　

     
显示 div 的尺寸
width() - 返回元素的宽度。
height() - 返回元素的高度。

　　innerWidth()　　innerHeight()

     
显示 div 的尺寸
innerWidth() - 返回元素的宽度（包括内边距）。
innerHeight() - 返回元素的高度（包括内边距）。

　　outerWidth()　　outerHeight()

     
显示 div 的尺寸
outerWidth() - 返回元素的宽度（包括内边距和边框）。
outerHeight() - 返回元素的高度（包括内边距和边框）。