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