第75天：jQuery中DOM操作

1.html()

使用html()方法读取或者设置元素的innerHTML。

就是相当于javascript里头的innerHTML。

2.text()

使用text()方法读取或者设置元素的innerText。

就是相当于javascript里头的innerText。

3.attr()

使用attr()方法读取或者设置元素的属性，对于jQuery没有封装的属性（所有浏览器没有差异的属性）用attr进行操作。

 

4.removeAttr

使用removeAttr删除属性。删除的属性在源代码中看不到，这是和清空属性的区别。attr(‘name’,’’)

1.$(html字符串)

使用$(html字符串)来创建Dom节点，并且返回一个jQuery对象。

然后调用可以append等方法将新创建的节点添加到Dom中。

$()创建的就是一个jQuery对象，完全可以进行操作。

2.小经验

使用$(‘<input  name=“gender”/>’);，而不要在创建好后通过attr(‘name’,’gender’).

//通过attr()设置name,在IE6下有问题。我用的版本是这样，新版本我不晓得。

还有就是，我说的是name属性，上面例子中的 type属性，是可以用attr的。

三、追加（父元素.append（子元素））

1.添加小儿子  append

append方法用来在元素的末尾追加元素（最后一个子节点）。增加元素末尾(儿子)

2.添加大儿子  prepend

prepend，在元素的开始添加元素（第一个子节点）。增加元素开始(儿子)

3.添加弟弟  after

after，在元素之后添加元素（添加兄弟）增加元素后面(兄弟)

4.添加哥哥  before

before：在元素之前添加元素（添加兄弟）增加元素前面(兄弟)

1.成为小儿子  appendTo

子元素.appendTo(父元素);//主动巴结!到最后一个

2.成为大儿子  prependTo

子元素.prependTo(父元素);//主动巴结到第一个。

3.成为弟弟  insertBefore

(*)A.insertBefore(B);将A加到到B的前面，等同于B.before(A);

4.成为哥哥  insertAfter

(*)X.insertAfter(Y);将X加到到Y的后面，等同于Y.after(X);