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