jQuery的一些点滴总结

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

,还有不愿面对失败的尴尬。曾经怀有远大理想,拥有完美的憧憬。

jQuery的一些点滴总结

相关文章:

你感兴趣的文章:

标签云: