本節主要將對象訪問:each(),size(),length,selector,context,get(),get(index)。弄懂通過這幾個屬性或者方法的對象訪問是本節的重點。
下面定義一個公共的html代碼
code:
<!doctype html public -//w3c//dtd html 4.0 transitional//en>
<html>
<head>
<title></title>
<script language=javascript src=jquery-1.4.2.min.js></script><!--引入jquery框架，目前jquery-1.4.2.min.js是最高版本-->
<script language=javascript>$(function(){
<!--jquery文檔處理代碼區-->
});</script>
</head>
<body>
<div id=foraspcn><p>網站制作學習網</p></div>
<p>jquery第一課,jquery核心函數$選擇符</p>
<img id=image1 src=test1.jpg/> <img src=test2.jpg/><網站制作學習網foasp.cn>
<form action= method=get name=form1>
<p>forasp.cn</p>
</form>
<form action= method=get name=form2>
<p>www.forasp.cn</p>
</form>
</body>
<html>
1. 對象.each(function(){});對象或者對象數組中的每個對象進行循環操作function(i);這里的i是索引，從0開始一直到p的個數減1
舉例：
$(p).each(function(){$this.innerhtml=網站制作學習網+i;});或者$(p).each(function(i){$(this).append(網站制作學習網+i);});//結果是每個p的內容替換為網站制作學習網i(p的索引)
2.對象.size() 返回對象數組的個數，這個跟length的功能是一樣的。
舉例$(form).size(); 結果是2 也就是2個form
3.length 跟size()的效果是一樣的。
舉例 $(form).length; 輸出 2
4.對象。selector 確定查詢的選擇器。也就是要確定要選擇的內容。
舉例$(form).selector;則返回form。
5.對象.context 檢測使用的文檔內容,比如是字符串，是object，還是其他內容等。
$(form).context; 輸出[object htmldocument] //如果是ie瀏覽器，則返回[object]
6.get(),返回的是dom對象取得所有匹配的 dom 元素集合，不是jquery對象集合
舉例:$(img).get().reverse();結果:[ <img src=test2.jpg/> <img src=test1.jpg/> ]$(img).get()返回的是數組。
7.get(index),返回的是dom對象取得所有匹配的 dom 元素集合，不是jquery對象集合不過有了index索引
舉例:$(img).get(0).src;結果:text1.jpg
8.index(對象) 返回對象的索引值
舉例 $(img)index($image1);//輸出0，即第一個圖片的索引值
以上就是jquery的對象訪問
公眾號
事業單位
當前位置：
公考類
招聘類
各類考試
