《鋒利的jQuery》學(xué)習(xí)筆記

ConardLi 發(fā)布于2019-08-19 14:42 / 884人閱讀

摘要：同同事件命名空間取消事件不同于不會(huì)獲得焦點(diǎn)同因此可用變量讓下拉框選中為值添加，會(huì)覆蓋刪除元素切換切換顯示隱藏判斷元素是否存在同同同也可直接移動(dòng)元素同同同但其實(shí)綁定的是事件，因此觸發(fā)離開(kāi)事件是插件方法可寫在或直接，注意其中的為對(duì)象，而不是對(duì)象

if($(div).is(".class"))同 if($(div).hasClass("class"))

$(div).height($(div).height()+50) 同$(div).animate({height:"+=50"},400)

事件命名空間 $(div).bind("click.namespace"),取消事件$(div).unbind(".namespace")

$(div).triggerHandler("focus")不同于$(div).trigger("focus"),不會(huì)獲得焦點(diǎn)

$(div).addClass("test")同$(div)["addClass"]("test"),因此可用變量$(div)[hasclass?"removeClass":"addClass"]("test")

讓下拉框選中$(select).val(["text1","text2"])text1為option值

addClass("class")添加class，attr("class",class)會(huì)覆蓋class

刪除元素$(li).remove() $(li:eq(2)).detach()

toggleClass()切換class,toggle()切換顯示隱藏

判斷元素是否存在if($(div).length > 0 )

$(".one + div") 同$(".one").next("div"),$(".one ~ div") 同$(".one").nextAll("div")

$(div).click(functioin(){ if($(this).is(":visible")) { $(this).next().hide(); } else{ $(this).next().show(); } });同$(div).toggle(function(){ $(this).next().hide(); }, function(){$(this).next().show();} );也可直接 $(div).click(functioin(){$(this).next().toggle();});

移動(dòng)元素$(li).appendTo($ul)

slideToggle同slideUp,slideDown,fadeToggle同fadeIn,fadeOut

hover同mouseover,mouseout但其實(shí)綁定的是mouseenter,mouseleave事件，因此觸發(fā)離開(kāi)事件是trigger("mouseleave")

jquery插件方法可寫在$.fn.extend({test:function(){}}) 或直接$.extend({test:function(){}})，注意其中的this為jq對(duì)象，而不是dom對(duì)象

$(form).searlize()將form對(duì)象序列化為字符串$(form).searlizeArray()轉(zhuǎn)化為json對(duì)象$.param({name:"sf",age:1})轉(zhuǎn)化為name=sf&age=1

延遲觸發(fā)delay(1000)

var str=$("p").map(function(){
return $(this).text()
}).get().join(",") 返回p標(biāo)簽所有的內(nèi)容

$(:input) .attr("checked") 返回undefined
$(:input) .prop("checked")返回true false
$(:input) .prop("checked",true)
$(:input) .removeProp("checked")取消選中

第一次寫博客，有錯(cuò)誤請(qǐng)指出，輕拍

GPU云服務(wù)器云服務(wù)器鋒利的jquery jquery學(xué)習(xí)筆記學(xué)習(xí)筆記學(xué)習(xí)筆記一

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://www.ezyhdfw.cn/yun/78071.html

相關(guān)文章

鋒利的jQuery學(xué)習(xí)心得

摘要：熟悉了插件的組織結(jié)構(gòu)以及比較統(tǒng)一的修改和學(xué)習(xí)方法。項(xiàng)目結(jié)束后，抽時(shí)間專門學(xué)習(xí)的進(jìn)一步知識(shí)。對(duì)于選擇器的性能，自己在看到了類似問(wèn)題無(wú)人回答，好奇之下自己測(cè)試了與的速度，并被網(wǎng)友指出使用不當(dāng)。智營(yíng)銷項(xiàng)目中開(kāi)始嘗試使用jQuery并獲得了很大的幫助，項(xiàng)目結(jié)束之后專門花時(shí)間認(rèn)真看本書(shū)，配合網(wǎng)上搜索的一些知識(shí)和源碼，收獲很大。首先就是在項(xiàng)目中實(shí)戰(zhàn)邊學(xué)邊用了DOM的系列操作，并踩了JQ attr...

focusj 2019-08-20 10:49 評(píng)論0 收藏0
26天學(xué)通前端開(kāi)發(fā)（配資料）

摘要：網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知識(shí)點(diǎn)羅列為主或是資料的匯總，數(shù)據(jù)量讓新人望而卻步。天了解一個(gè)前端框架。也可以關(guān)注微信公眾號(hào)曉舟報(bào)告，發(fā)送獲取資料，就能收到下載密碼，網(wǎng)盤地址在最下方，獲取教程和案例的資料。前言好的學(xué)習(xí)方法可以事半功倍，好的學(xué)習(xí)路徑可以指明前進(jìn)方向。這篇文章不僅要寫學(xué)習(xí)路徑，還要寫學(xué)習(xí)方法，還要發(fā)資料，干貨滿滿，準(zhǔn)備接招。網(wǎng)上有很多前端的學(xué)習(xí)路徑文章，大多是知...

blair 2019-08-21 16:59 評(píng)論0 收藏0
2017-08-28 前端日?qǐng)?bào)

摘要：前端日?qǐng)?bào)精選譯高階函數(shù)利用和來(lái)編寫更易維護(hù)的代碼，從入門到放棄響應(yīng)式編程入門行的電梯調(diào)度模擬器個(gè)人分享前端學(xué)習(xí)資源分享中文周刊技術(shù)周刊期知乎專欄中的內(nèi)置方法知乎專欄中的柯里化前端大寶劍小結(jié)常見(jiàn)知識(shí)依賴收集掘金項(xiàng)目主域重 2017-08-28 前端日?qǐng)?bào) 精選【譯】高階函數(shù)：利用Filter、Map和Reduce來(lái)編寫更易維護(hù)的代碼Webpack 3，從入門到放棄響應(yīng)式編程入門：50 行...

xumenger 2019-08-20 18:59 評(píng)論0 收藏0
前端相關(guān)大雜燴

摘要：希望幫助更多的前端愛(ài)好者學(xué)習(xí)。前端開(kāi)發(fā)者指南作者科迪林黎，由前端大師傾情贊助。翻譯最佳實(shí)踐譯者張捷滬江前端開(kāi)發(fā)工程師當(dāng)你問(wèn)起有關(guān)與時(shí)，老司機(jī)們首先就會(huì)告訴你其實(shí)是個(gè)沒(méi)有網(wǎng)絡(luò)請(qǐng)求功能的庫(kù)。前端基礎(chǔ)面試題(JS部分) 前端基礎(chǔ)面試題(JS部分) 學(xué)習(xí) React.js 比你想象的要簡(jiǎn)單原文地址：Learning React.js is easier than you think 原文作...

fuyi501 2019-08-22 13:46 評(píng)論0 收藏0
你需要的前端進(jìn)階書(shū)籍清單，分享下載

摘要：寫在前面目前專注深入學(xué)習(xí)，特花了點(diǎn)時(shí)間整理了一些前端學(xué)習(xí)相關(guān)的書(shū)籍。大致分為以下大系列系列系列基礎(chǔ)系列應(yīng)用系列進(jìn)階系列類庫(kù)系列框架系列。這些書(shū)籍在這里免費(fèi)提供下載，有興趣的一起學(xué)習(xí)。寫在前面目前專注深入JavaScript學(xué)習(xí)，特花了點(diǎn)時(shí)間整理了一些前端學(xué)習(xí)相關(guān)的書(shū)籍。大致分為以下7大系列：CSS系列、DOM系列、JavaScript基礎(chǔ)系列、JavaScript應(yīng)用系列、Ja...

yuanzhanghu 2019-08-26 10:28 評(píng)論0 收藏0