JQuery基本屬性介紹

1、JQuery基本屬性介紹1attr(name|properties|key,value|fn)概述設(shè)置或返回被選元素的屬性值。參數(shù)nameStringVI.0屬性名稱propertiesMapVI.0作為屬性的“名/值對(duì)”對(duì)象key,valueString,ObjectVI.0屬性名稱，屬性值key,function(index,attr)String,FunctionKZ.11:屬性名稱。2:返回屬性值的函數(shù),第一個(gè)參數(shù)為當(dāng)前元素的索引值，第二個(gè)參數(shù)為原先的屬性值。示例參數(shù)name描述：返回文檔中所有圖像的src屬性值。jQuery代碼：$(img).attr(src);參數(shù)properti

2、es描述：為所有圖像設(shè)置src和alt屬性。jQuery代碼：$(img)attr(src:test.jpg,alt:TestImage);參數(shù)key,value描述：為所有圖像設(shè)置src屬性。jQuery代碼：$(img).attr(src,test,jpg);參數(shù)key,回調(diào)函數(shù)描述：把src屬性的值設(shè)置為title屬性的值。jQuery代碼：$(img).attr(title”,function()returnthis,src);2removeAttr(name)概述從每一個(gè)匹配的元素中刪除一個(gè)屬性1. 6以下版本在IE6使用JQuery的removeAttr方法刪除disabled是無(wú)

3、效的。解決的方法就是使用$(XX).prop(disabled”,false);1.7版本在IE6下已支持刪除disabledo參數(shù)nameStringVI.0要?jiǎng)h除的屬性名示例描述:將文檔中圖像的src屬性刪除HTML代碼：jQuery代碼：$(img)removeAttr(src);結(jié)果：3 prop(name|properties|key,value|fn)概述獲取在匹配的元素集中的第一個(gè)元素的屬性值。隨著一些內(nèi)置屬性的DOM元素或window對(duì)象，如果試圖將刪除該屬性，瀏覽器可能會(huì)產(chǎn)生錯(cuò)誤。jOuea第一次分配undefined值的屬性，而忽略了瀏覽器生成的任何錯(cuò)誤參數(shù)nameStri

4、ngVI.6屬性名稱propertiesMapVI.6作為屬性的“名/值對(duì)”對(duì)象key,valueString,ObjectVI.6屬性名稱，屬性值key,function(index,attr)String,FunctionVI.61:屬性名稱。2:返回屬性值的函數(shù),第一個(gè)參數(shù)為當(dāng)前元素的索引值，第二個(gè)參數(shù)為原先的屬性值。示例參數(shù)name描述：選中復(fù)選框?yàn)閠rue,沒(méi)選中為falsejQuery代碼：$(inputtype=,checkbox).prop(checked);參數(shù)properties描述：禁用頁(yè)面上的所有復(fù)選框。jQuery代碼：$(inputtype=,checkbox).p

5、rop(disabled:true);參數(shù)key,value描述：禁用和選中所有頁(yè)面上的復(fù)選框。JQuery代碼：$(inputtype=,checkbox1”).prop(disabled”,false);$(inputtype=,checkbox1”).prop(checked”,true);參數(shù)key,回調(diào)函數(shù)描述：通過(guò)函數(shù)來(lái)設(shè)置所有頁(yè)面上的復(fù)選框被選中。JQuery代碼：$(inputtype=checkbox).prop(checked”,function(i,val)return!val;)；4 removeProp(name)概述用來(lái)刪除由.prop。方法設(shè)置的屬性集隨著一些內(nèi)置

6、屬性的D0M元素或window對(duì)象，如果試圖將刪除該屬性，瀏覽器可能會(huì)產(chǎn)生錯(cuò)誤。jQuery第一次分配undefined值的屬性，而忽略了瀏覽器生成的任何錯(cuò)誤參數(shù)propertyNameStringVI.6要?jiǎng)h除的屬性名示例描述：設(shè)置一個(gè)段落數(shù)字屬性，然后將其刪除。HTML代碼：jQuery代碼；var$para=$(p);$pluggageCode*,1234);$para.append(Thesecretluggagecodeis:,String(pluggageCode),“)；$para.removeProp(luggageCode);$para.ap

7、pend(Nowthesecretluggagecodeis:,String(p(luggageCode),);結(jié)果：Thesecretluggagecodeis：1234.Nowthesecretluggagecodeis：undefined.5 addClass(class|fn)概述為每個(gè)匹配的元素添加指定的類名。參數(shù)classStringVI.0一個(gè)或多個(gè)要添加到元素中的CSS類名，請(qǐng)用空格分開(kāi)function(index,class)FunctionKZ.4此函數(shù)必須返回一個(gè)或多個(gè)空格分隔的class名。接受兩個(gè)參數(shù)，index參數(shù)為對(duì)象在這個(gè)集合中的索引值，cla

8、ss參數(shù)為這個(gè)對(duì)象原先的class屬性值。示例參數(shù)class描述：為匹配的元素加上selected1類jQuery代碼：$(p).addClass(selected);$(p).addClass(selected】selected?);回調(diào)函數(shù)描述：給li加上不同的classHTML代碼：HelloHellojQuery代碼:$Culli：last)addClass(function()returnitem，+$(this),index(););6 toggleClass(class|fn,sw)概述如果存在(不存在)就刪除(添加)一個(gè)類。參數(shù)classStringVI.0css類名class

9、,switchstring,BooleanVI.31：要切換的css類名.2:用于決定元素是否包含class的布爾值。switchBooleanVL4用于決定元素是否包含class的布爾值。function(index,class,switch),switchFunction,BooleanVI.41：用來(lái)返回在匹配的元素集合中的每個(gè)元素上用來(lái)切換的樣式類名的一個(gè)函數(shù)。接收元素的索引位置和元素舊的樣式類作為參數(shù)。2:一個(gè)用來(lái)判斷樣式類添加還是移除的boolean值。示例參數(shù)class描述：為匹配的元素切換selected類jQuery代碼:$(p)toggleClass(selected);參

10、數(shù)class,switch描述：每點(diǎn)擊三下加上一次highlight類HTML代碼：jQuery代碼：jQuery代碼：varcount=0;$(p).click(function()$(this).toggleClass(*highlight*,count+%3=0););回調(diào)函數(shù)描述：根據(jù)父元素來(lái)設(shè)置class屬性jQuery代碼：$(div.foo,)toggleClass(function()if($(this).parent().isC.barJ)returnhappy1;elsereturnsad;)；7html(val|fn)概述取得第一個(gè)匹配元素的html內(nèi)容。這個(gè)函數(shù)不能用于

11、XML文檔。但可以用于XHTML文檔。在一個(gè)HTML文檔中，我們可以使用.htinl()方法來(lái)獲取任意一個(gè)元素的內(nèi)容。如果選擇器匹配多于一個(gè)的元素，那么只有第一個(gè)匹配元素的HTML內(nèi)容會(huì)被獲取。參數(shù)valStringVI.0用于設(shè)定HTML內(nèi)容的值function(index,html)FunctionF7.4此函數(shù)返回一個(gè)HTML字符串。接受兩個(gè)參數(shù)，index為元素在集合中的索引位置，html為原先的HTML值。示例無(wú)參數(shù)描述：返回P元素的內(nèi)容。jQuery代碼：$Cp).html();參數(shù)val描述：設(shè)置所有p元素的內(nèi)容jQuery代碼：$(p).html(Helloworld!);回調(diào)

12、函數(shù)描述：使用函數(shù)來(lái)設(shè)置所有匹配元素的內(nèi)容。JQuery代碼：$(p).html(function(n)return”這個(gè)p元素的index是：+n;)；8text(val|fn)概述取得所有匹配元素的內(nèi)容。結(jié)果是由所有匹配元素包含的文本內(nèi)容組合起來(lái)的文本。這個(gè)方法對(duì)HTML和XML文檔都有效。參數(shù)valStringVI.0用于設(shè)置元素內(nèi)容的文本function(index,text)FunctionKZ.4此函數(shù)返回一個(gè)字符串。接受兩個(gè)參數(shù)，index為元素在集合中的索引位置,text為原先的text值。示例無(wú)參數(shù)描述：返回P元素的文本內(nèi)容。jQuery代碼：$Cp).text();參數(shù)va

13、l描述：設(shè)置所有p元素的文本內(nèi)容jQuery代碼：$(p).text(Helloworld!*);回調(diào)函數(shù)描述：使用函數(shù)來(lái)設(shè)置所有匹配元素的文本內(nèi)容。JQuery代碼：$(p).text(function(n)return”這個(gè)p元素的index是：+n;);9返回值：String,Arrayval(val|fn|arr)概述獲得匹配元素的當(dāng)前值。在jQuery1.2中,可以返回任意元素的值了。包括select。如果多選，將返回一個(gè)數(shù)組，其包含所選的值。參數(shù)valStringVI.0要設(shè)置的值。function(index,value)FunctionVI.4此函數(shù)返回一個(gè)要設(shè)置的值。接受兩個(gè)

14、參數(shù)，index為元素在集合中的索引位置,text為原先的text值。arrayArrayVI.0用于check/select的值示例無(wú)參數(shù)描述：獲取文本框中的值JQuery代碼：$(input),val();參數(shù)val描述：設(shè)定文本框的值jQuery代碼:$(input).val(helloworld!);回調(diào)函數(shù)描述：設(shè)定文本框的值jQuery代碼：$(input:text.items,).val(function()returnthis,value+thisclassName;);參數(shù)array描述：設(shè)定一個(gè)select和一1個(gè)多選的select的值HTML代碼：selectid=single”Sing