本節(jié)主要將對象訪問:each(),size(),length,selector,context,get(),get(index)。弄懂通過這幾個屬性或者方法的對象訪問是本節(jié)的重點。
下面定義一個公共的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文檔處理代碼區(qū)-->
});</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(){});對象或者對象數組中的每個對象進行循環(huán)操作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的對象訪問
更多信息請查看IT技術專欄
公眾號
事業(yè)單位
當前位置：
公考類
招聘類
各類考試
