钱本草

JQuery总结(二)

７．index(subject) : 查找相应节点的位置，从０开始计数.如果没找到返回-1

eg: <div id=”foobar”><b></b><span id=”foo”></span></div>

$("*").index( $('#foobar')[0] ) =>
0$("*").index( $('#foo')[0] ) =>  2   

$("*").index( $('#bar')[0] )=> -1

8. length 返回节点的个数

eg:<img src="test1.jpg" mce_src="test1.jpg"/>   

<img src="test2.jpg" mce_src="test2.jpg"/>$("img").length => 2   

同样的方法还有size()   

$("img").size() => 2;

9.　lt(pos) 删除一个节点

eg:<p>This is just a test.</p><p>So is this</p>
$("p").lt(1) ==>[ <p>This is just a test.</p> ]

10. addClass 给一个element添加class可以添加多个

eg: <p>Hello</p>$("p").addClass("selected")=>
[ <p class="selected">Hello</p> ]   

$("p").addClass("selected highlight")=>   

[ <p class="selected highlight">Hello</p> ]

11. attr(name) 取得element的指定属性值

eg:<img src="test.jpg" mce_src="test.jpg"/>
$("img").attr("src") =>test.jpg;
attr(key,value) 设置属性
attr(key,function) 调用相应的方法处理后的返回值用来设置属性   

attr(properties) 批量的设置element的属性值   

eg: <img/>   

$("img").attr({ src: "test.jpg", alt: "Test Image" });   

==> <img src="test.jpg" mce_src="test.jpg" alt="Test Image"/>   

$("img").attr("src","test.jpg")=>
<img src="test.jpg" mce_src="test.jpg"/>   

以下两个方法等价:

$(”img”).attr(”title”, “${this.src}”)
$(”img”).attr(”title”, function() { return this.src })
==><img src=”test.jpg” mce_src=”test.jpg” title=”test.jpg” />

12 html　取得element的html代码

eg: <div><input/></div>$("div").html() => <input/>;   

html(val) 设置element的html代码   

eg: <div><input/></div>   

$("div").html("<b>new stuff</b>") ==><div><b>new stuff</b></div>;

今天先记得这里待续

欢迎光临本站!请 订阅本站Feed 获得最新信息
转载请注明文章转载自：钱本草 [http://www.qbencao.com]
本文链接地址：JQuery总结(二)