jQuery内容文本值及元素操作

一、jQuery内容文本值

主要针对元素的内容还有表单的值操作

1. 普通元素的内容html()

相当于原生innerHTML

语法：

html() //获取元素的内容
html("内容") //设置元素的内容

2. 普通元素文本内容text()

相当于原生innerText

语法：

text()  //获取元素的文本内容
text("文本内容")  //设置元素的文本内容

3. 表单的值 val()

相当于原生value

语法：

val() //获取表单值
val("内容") //设置表单内容

二、jQuery元素操作

遍历元素

之前的隐式迭代也可以遍历元素，但是隐式迭代指的是对所有元素做相同的操作，这次我们要学的遍历是可以对每个元素做不同的操作。有两个语法：

语法1：

  $("div").each(function(index,domEle){ xxx; })

each()方法遍历匹配的每一个元素。主要用DOM处理。
each每一个里面的回调函数有2个参数:index是每个元素的索引号；domEle是每个DOM元素对象，不是jQuery对象
所以要想使用jQuery方法，需要给这个dom元素转换为jQuery对象$(domEle)

语法2：

 $.each(object,function(index,element){ xxx; })

$.each()方法可用于遍历任何对象。主要用于数据处理，比如数组，对象
里面的函数有2个参数：index是每个元素的索引号；element遍历内容

创建元素

语法：

 $("<li></li>");
 //动态的创建了一个<li>

添加元素

1. 内部添加
   语法：

element.append("内容")
// 把内容放入匹配元素内部最后面，类似原生appendChild.
element.prepend("内容") 
//把内容放入匹配元素内部最前面

2. 外部添加
   语法：

element.after("内容")
//把内容放入目标元素后面
element.before("内容")
//把内容放入目标元素前面

删除元素

语法：

element.remove()
//删除匹配的元素(本身)
 element.empty()
// 删除匹配的元素集合中所有的子节点
element.html("")
//清空匹配的元素内容

//empty和html作用是一样的