JQUERY是一個(gè)很常用的js框架，由于現(xiàn)在瀏覽器對(duì)flash，css3支持還不全面，對(duì)falsh更是越來越差，而jquery使用簡(jiǎn)單，容易上手，對(duì)瀏覽器支持全面，在web領(lǐng)域使用非常廣泛。而且現(xiàn)在網(wǎng)上有各種各樣基于jqery開發(fā)的插件，使用非?？旖莘奖?。下面蘇州網(wǎng)站設(shè)計(jì)小編推薦幾個(gè)干貨小知識(shí)：
1、toggleClass(className,boolean) 方法
該方法通過boolean的值來判斷，是向指定jquery元素中添加className類還是刪除className類，若為true，則添加，若為false，則將元素中的現(xiàn)存的該類刪除。
2、$.fn.html(function(index,html){})方法
當(dāng)參數(shù)為function(){}時(shí)，與$.fn.html()不同，后者只是給出第一個(gè)通過選擇器得到的列表中的第一個(gè)元素的html，而前者，則會(huì)遍歷返回列表中所有元素的url
3、通過$選擇符，所返回對(duì)象為一個(gè)jQuery包裝集
4、fn.prepend方法
該方法中傳入的參數(shù)可以為字符串類型，也可以為$選擇器獲取的對(duì)象。若為選擇器獲取的對(duì)象，則將獲取的整個(gè)jquery包裝集都添加到fn中。比如以下代碼：
html：
'i am div'
'i am p1'
'i am p2'
js：
$(function(){
$('div').prepend($('p'));
})
運(yùn)行以上代碼后，
標(biāo)簽中的內(nèi)容由
'i am div'
變?yōu)?/p>
'i am p1'
'i am p2'
'i am div'
5、fn.appendTo()方法以及end()方法的匹配列表變化情況
舉個(gè)例子:
html代碼：
'i am div1'
'i am div2'
'i am p1'
js代碼：
$('p')
此時(shí)的匹配列表內(nèi)容為
'i am p1'
$('p').appendTo('div')
此時(shí)的匹配列表為一個(gè)jquery包裝集，包裝集中為兩個(gè)相同的p標(biāo)簽
'i am p1'
，
'i am p1'
$('p').appendTo('div').end()
此時(shí)通過end方法，將匹配列表恢復(fù)至上一次的列表內(nèi)容，即一個(gè)標(biāo)簽時(shí)的內(nèi)容，此時(shí)列表內(nèi)容為一個(gè)p標(biāo)簽
'i am p1'
，如果更精確點(diǎn)，該p標(biāo)簽為第二個(gè)div即
'i am div2'
中的p標(biāo)簽
6、fn.css()方法
當(dāng)fn.css()方法傳入?yún)?shù)為鍵/值對(duì)時(shí)，官方文檔給出的鍵類型為字符串，可實(shí)際上，經(jīng)過我的驗(yàn)證，即使不可以寫成字符串也能正常運(yùn)行，比如，$('div').css({height:100,width:100})和$('div').css({“height”:100,“width”:100})的效果是一樣的。另外，除了可以通過這種直接值屬性組成的對(duì)象作為輸入?yún)?shù)，還可以通過函數(shù)返回值屬性組成的對(duì)象作為輸入?yún)?shù)。比如：
$('div').click(function() {
$(this).css({
width: function(index, value) {
return parseFloat(value) * 1.2;
}, //此時(shí)width屬性并非通過直接值賦值，而是通過函數(shù)的返回值
height: function(index, value) {
return parseFloat(value) * 1.2;
}
});
});
常州網(wǎng)站設(shè)計(jì)--常州云計(jì)算網(wǎng)絡(luò)經(jīng)過多年積累，對(duì)于JQUERY的使用也頗為熟悉，歡迎廣大客戶或者熱愛網(wǎng)站建設(shè)的同學(xué)來我司探討。
歡迎訪問更多網(wǎng)站推廣,網(wǎng)絡(luò)營(yíng)銷,網(wǎng)站優(yōu)化,SEO相關(guān)內(nèi)容
.png)