jquery API学习（2）

   最近比较忙，但是每天网上还是的坚持学点，不积小流，无以成江河。
今天学jQuery对象访问：

1.each(callback) 该方法以每一个匹配的元素作为上下文来执行一个函数，
在每次执行函数时，都会给函数传递一个表示作为执行环境的元素在匹配的元素集合中所处位置的数字值作为参数（从0开始的int）
返回‘false’将停止循环（相当于普通循环中使用的‘break’）
返回‘true’将跳至下一个循环，（相当于在普通的循环中使用‘continue’）
参数：callback（function）
e.g1

<img/><img/>
jQuery代码：
$('img').each(function(){
this.src="test"+i+".jpg";
});

e.g2

<button>Change colors</button>
<span></span>
<div></div>
<div></div>
<div></div>
<div></div>
<div id="stop">Stop here</div>
<div></div>
<div></div>
<div></div>

jQuery代码：

$('button').click(function(){
    $('div').each(function(index,domEle){//domEle ==this
            $(domEle).css('backgroundColor',"yellow");
            if($(this).is("#stop")){
                $("span").text("stopped at  div index #"+index);
                return false;}
});});

2.size() 和length
都可以勇于得到jQuery对象中元素的个数，
返回： Number

e.g1
<img src="test1.jpg"/><img src="test2.jpg"/>
jQuery代码：
$("img").size();

e.g2
同理：$("img").length;


3.get()取得所有匹配的DOM元素集合
返回：Array<Element>

e.g1
<img src="test1.jpg"/><img src="test2.jpg"/>
jQuery代码：
$("img").get().reverse();
result:
[<img src="test1.jpg"/><img src="test2.jpg"/>]

4.get(index)
取得其中一个匹配元素，index表示取得第几个匹配的元素
返回值：Element
HTML代码：
<img src="test1.jpg"/><img src="test2.jpg"/>
jQuery代码：
$("img").get(0);
result:
[<img src="test1.jpg"/>]

5.index(subject)
搜索与参数表示的对象匹配的元素，并返回相应元素的索引值，
如果哦找到了匹配的元素，从0开始返回；如果没有找到匹配的元素，返回-1
返回值；
Number
参数:
subject(Element)
e.g1返回id值为foobar的元素的索引值
<div id="foobar"><div></div><div id="foo"></div></div>

jQuery代码：

$("div").index($("#foobar")[0])   //0
$("div").index($('#foo')[0]) // 2
$("div").index($('#foo')) // -1




备注：
今天在浏览别人博客的时候看到的，收藏。

posted on 2008-12-02 23:56 forgood 阅读(794) 评论(0)  编辑  收藏 所属分类: jquery