臭皮匠

jQuery学习笔记（２）

4月 2, 2008 – 11:57 下午

本记: 7—–12点

７．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"/> <img 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"/>

$("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" alt="Test Image"/>

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

以下两个方法等价:

$("img").attr("title", "${this.src}")

$("img").attr("title", function() { return this.src })

==><img 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>;

今天先记得这里待续