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();