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