亚洲社区福利激情社区-插进去内射视频免费观看-国产最黄视频免费观看-日韩精品99久久久中文字幕-中文字幕亚洲精品在线-国产白嫩美女在线91啦-亚洲中文字幕在线永久-国产狼人一区二区三区四区-日韩人妻高清在线视频

新聞中心

News

新聞中心,蘇州網(wǎng)絡(luò)公司,蘇州網(wǎng)站設(shè)計,蘇州做網(wǎng)站的公司
介紹下JQuery比較實用小知識
發(fā)布日期:2018-9-17 來源于:蘇州網(wǎng)站設(shè)計

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){})方法
當參數(shù)為function(){}時,與$.fn.html()不同,后者只是給出第一個通過選擇器得到的列表中的第一個元素的html,而前者,則會遍歷返回列表中所有元素的url
3、通過$選擇符,所返回對象為一個jQuery包裝集
4、fn.prepend方法
該方法中傳入的參數(shù)可以為字符串類型,也可以為$選擇器獲取的對象。若為選擇器獲取的對象,則將獲取的整個jquery包裝集都添加到fn中。比如以下代碼:
html:

"i am div"

"i am p1"

"i am p2"



js:
$(function(){
$("div").prepend($("p"));
})
運行以上代碼后,
標簽中的內(nèi)容由
"i am div"
變?yōu)?

"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")
此時的匹配列表內(nèi)容為

"i am p1"


$("p").appendTo("div")
此時的匹配列表為一個jquery包裝集,包裝集中為兩個相同的p標簽

"i am p1"

"i am p1"


$("p").appendTo("div").end()
此時通過end方法,將匹配列表恢復(fù)至上一次的列表內(nèi)容,即一個標簽時的內(nèi)容,此時列表內(nèi)容為一個p標簽

"i am p1"

,如果更精確點,該p標簽為第二個div即
"i am div2"
中的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;
}
});
});

蘇州網(wǎng)站設(shè)計--蘇州萬戶網(wǎng)絡(luò)經(jīng)過多年積累,對于JQUERY的使用也頗為熟悉,歡迎廣大客戶或者熱愛網(wǎng)站建設(shè)的同學(xué)來我司探討。