jQuer總結--動態創建img--獲取元素

1、動態創建一個全功能的<img>元素：

$('<img>',{
		src:'jump/img/f_banner.png',
		alt:'hello img!',
		title:'just for test',
		click:function(){
			alert("hello,img!!!");
		}
	}).css({
		border:'1px solid red',
		cursor:'pointer',
		padding:'5px'
		
	}).appendTo('body');

2、從包裝集中獲取元素

<pre name="code" class="html">var imgElement=$("img[alt]")[0];   //通過索引獲取元素
var imgElement=$("img[alt]").get(0);   //通過方法獲取元素
//get()方法也可以接受負的下標，比如.get(-1)返回包裝集中最後一個元素，.get(-2)返回包裝集中倒數第二個元素

3、從包裝集中獲取元素

var imgElement=$("img[alt]")[0];
var imgElement=$("img[alt]").get(0);  //可爲負值，即倒數第幾個元素

4、以數組形式獲取所有元素

//將label後同級別的所有button元素，將其封裝成jquery包裝器，並創建由這些<button>組成的js數組
var allLabeledButtons = $("label + button").toArray();

5、獲取元素的索引  index(element)

//獲取id爲findMe的圖片在整個頁面圖片集合中的下標號
var n = $("img").index($("img#findMe")[0]);  //可簡寫爲：var n = $("img").index("img#findMe")
//獲取在其父節點裏的下標號
var n = $("img").index();