【读书笔记】【jQuery基础教程】【第五章--DOM操作】

1.使用.attr()方法添加属性，使用.removeAttr()方法修改属性，例如

  $(this).attr({
'rel':'external',
'id':'wikilink-' + index
  });

2.jQuery中可以使用.each()方法，此方法类似于一个迭代器，参数为一个匿名函数，匿名函数可以有一个index参数
  index参数从0开始，如:

  $('div.chapter').each(function(index){
$(this).attr({
 'rel':'external',
 'id':'wikilink-' + index
});
  });

3.$()函数除了能选择元素之外，只要在这对圆括号中放入一组HTML元素，可以改变DOM结构
  使用$()创建新元素：

  $('<a href="#top">back to top</a>')

  插入新元素(insertAfter):

  $('<a href="#top">back to top</a>').insertAfter('div.chapter p');

  或者(after):

  $('div.chapter p').after('<a href="#top">back to top</a>');

  使用prependTo在body中插入top节点：

  $('<a id="top" name="top"></a>').prependTo('body');  

  插在chapter和footer之间：

  $('span.footnote').insertBefore('#footer');

4.可以使用.clone()方法，这个方法能够创建任何匹配的元素集合的副本以便将来使用

5.jQuery操作方法的简单归纳：
 (1)HTML中创建新元素，使用$()工厂函数
 (2)每个匹配元素“中”插入新元素
.append()
.appendTo()
.prepend()
.prependTo()
 (3)每个匹配元素“相邻”位置插入新元素：
.after()
.insertAfter()
.before()
.insertBefore()
 (4)每个元素外部插入新元素，使用：
.wrap()
.wrapAll()
.wrapInner()
 (5)用新元素或文本替换每个匹配的元素，使用：
.html()
.text()
.replaceAll()
.replaceWith()
 (6)移除每个匹配元素中的元素：
.empty()
 (7)文档中移除每个匹配的元素及其后代,但不实际删除它们，使用：
.remove()