心情不好的時候連題目都不願意寫~~~~~~

1、顯示迭代

隱式迭代：可以對多個元素應用相同的效果
顯示迭代：對多個元素應用不同操作時使用
jQuery中提供了一個each方法用於進行顯示迭代操作

		$divs.each(function (index, ele) {
			// index - 索引值，  ele - DOM物件形式的元素
			$(ele).css('width', (index + 1) * 100);
		});

2、建立元素

① 使用html()
相當於innerHTML屬性，可以進行純文字和結構的操作，會對原始內容進行覆蓋

$('#box').html('這是內容<p>這是p標籤</p>');
 

② $()
內部傳入結構字串可以進行建立操作，功能類似document.createElement()建立的元素預設不在頁面中顯示，需要使用移動操作加到頁面中

var $sp = $('<p><span>這是span</span></p>');
$('#box').append($sp);

3、移動元素

① append()：可以將元素新增到某個元素內部的最後位置

var $div = $('<div>這是div</div>');
$('#box2').append($div);

append的引數可以直接傳入結構字串，會被生成

$('#box2').append('<div>這是div內容</div>');

由於jQuery會隱式迭代，所以一個被移動的元素可能被同時新增到多個位置，所以被移動的元素和內部結構均不要設定id，避免重複
② prepend()：可以將元素新增到某個元素內部的最前面
③ after()：向某個元素的同級後面移動元素
④ before()：向某個元素的同級前面移動元素
下面四個移動元素的操作方式目的是為了完善鏈式程式設計操作
⑤ appendTo()：將某個元素新增到指定元素內的最後位置

$('<h3>這是h3</h3>').css('backgroundColor', 'red').appendTo($('#box2'));
 

⑥ prependTo()：將某個元素新增到指定元素內的最前面位置
⑦ insertAfter()：將某個元素新增到指定元素同級的後面
⑧ insertBefore()：將某個元素新增到指定元素同級的前面

4、移除元素

① html(’’)：用於移除某個元素內部所有內容

$('#box').html('');

② empty()：用於移除某個元素內部所有內容

$('#box').empty();

③ remove()：用於移除元素自身，引數是選擇器

$('div').remove('.box');

5、克隆元素

clone() - 用於對元素進行克隆操作
引數：false表示深拷貝，拷貝完整結構；true表示不僅拷貝結構還可以拷貝事件。

$('.box').click(function () {
	console.log('這是box的點選事件');
});
$('body').append($('.box').clone(true));