jquery是前台動态頁面開發的一個很重要的工具。
一:jquery對象中length屬性和size()方法
var a=$("a").length;
var b=$("a").size();
length--->傳回比對元素對象的個數
size()--->傳回被 jQuery 選擇器比對的元素的數量
暫時未發現,兩個有何不同。
【1】當判斷一個對象是否存在是,可以用length屬性:
存在長度>=1
不存在長度==0
二:jquery對象中的get()方法。傳回的是Dom對象
var firstA=$("a").get(0);--->傳回所有比對對象中的第一個對象,并轉換成Dom對象。
alert(firstA.nodeName+":"+firstA.innerHTML);
【1】jquey對象--->js的dom對象轉化
var jsDom=$("a")[0];//将jq對象了解為數組,可以通過下标轉成js對象
var jsDom=$("a").get(0);//将jq了解為一個特殊的容器。通過get()方法擷取
【2】js對象----->jquery對象轉化
var jqueyObj=$(jsDom);//将jq了解為一個特殊的容器。通過get()方法擷取
三:Jquery對象中attr(),html(),text(),val()方法的差別,和應用
attr():
【1】 var value=$(selector).attr(attribute)//擷取比對對象中某屬性的值
【2】 $(selector).attr(attribute,value)//為比對對象的某個屬性指派
【3】 $(selector).attr(attribute,function(index,oldvalue))//使用函數,為某個屬性設定值。
【4】 $(selector).attr({attribute:value, attribute:value ...})//為比對對象,一次性設定多個屬性的值
html():
【1】$(selector).html()//傳回第一個比對元素中的填充物,包括标簽。
【2】$(selector).html(content)//為所有比對的元素設定新内容(html代碼)。所有比對的元素,之前的全部覆寫
【3】$(selector).html(function(index,oldcontent))//為所有比對的元素。利用函數設定内容。html片段
index是比對元素的下标。類似于數組的下标。從0開始。
oldcontent是之前該比對元素的html内容
text():
【1】$(selector).text()//擷取所有比對元素間的文本内容。html标簽會被删除
【2】$(selector).text(content)//為所有比對的元素添加新内容。html标記會被原樣添加進去,當做文本。
【3】$(selector).text(function(index,oldcontent))//利用函數,為所有比對元素改變文本内容
所有帶函數的示例。基本都是一樣的。隻是方法名不一樣:

View Code
val():
【1】$(selector).val()//傳回第一個比對元素的value值 常用form表單裡的input标簽
【2】$(selector).val(value)//為所有比對的元素設定新的value值
【3】$(selector).val(function(index,oldvalue))//使用函數為所有比對的元素設定value值