新聞中心
News
JQUERY是一個很常用的js框架，由于現在瀏覽器對flash，css3支持還不全面，對falsh更是越來越差，而jquery使用簡單，容易上手，對瀏覽器支持全面，在web領域使用非常廣泛。而且現在網上有各種各樣基于jqery開發的插件，使用非常快捷方便。下面蘇州網站設計小編推薦幾個干貨小知識：
1、toggleClass(className,boolean) 方法
該方法通過boolean的值來判斷，是向指定jquery元素中添加className類還是刪除className類，若為true，則添加，若為false，則將元素中的現存的該類刪除。
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" 蘇州網站設計--蘇州萬戶網絡經過多年積累，對于JQUERY的使用也頗為熟悉，歡迎廣大客戶或者熱愛網站建設的同學來我司探討。
當參數為function(){}時，與$.fn.html()不同，后者只是給出第一個通過選擇器得到的列表中的第一個元素的html，而前者，則會遍歷返回列表中所有元素的url
3、通過$選擇符，所返回對象為一個jQuery包裝集
4、fn.prepend方法
該方法中傳入的參數可以為字符串類型，也可以為$選擇器獲取的對象。若為選擇器獲取的對象，則將獲取的整個jquery包裝集都添加到fn中。比如以下代碼：
html：
"i am div"
js：
$(function(){
$("div").prepend($("p"));
})
運行以上代碼后，
標簽中的內容由
"i am div"變為
5、fn.appendTo()方法以及end()方法的匹配列表變化情況
舉個例子:
html代碼：
"i am div1"
"i am div2"
js代碼：
$("p")
此時的匹配列表內容為
$("p").appendTo("div")
此時的匹配列表為一個jquery包裝集，包裝集中為兩個相同的p標簽
$("p").appendTo("div").end()
此時通過end方法，將匹配列表恢復至上一次的列表內容，即一個標簽時的內容，此時列表內容為一個p標簽
"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;
}
});
});
