1.$.post使用指南:
$.post('post地址',{'數(shù)據(jù)名稱':數(shù)據(jù)變量},function(reg){ })
$.post('/url.html',{'data':data},function(reg){ })
2.$.ajax使用指南:
$.ajax({
type:"post",
url:"url",
data:"data",
beforeSend:function(){
//請求post前的預(yù)處理
}
success:function(reg){
//成功,處理返回值
},
error:function(){
//斷網(wǎng)狀態(tài)或發(fā)生錯誤
}
})
3.找兒子:
(1).找直系子元素(只能找到兒子):$("selector>son")
(2).從所有子類中查找(兒子的兒子也會被找):$("selector son")或者$("selector").find("son")
4.找父類:
(1).找直系元素:$("selector").parent()
(2).找所有父類:$("selector").parents("selector")
5.找同級元素:
(1).找上一個元素:$("selector").prev()
(2).找下一個元素:$("selector").next()
(3).找除了本身外的同級元素:$(this).siblings()
6.each方法:
$(oo).each(function(i,ele){})
首先,$(oo)是一個jQuery選取的一種數(shù)組,然后調(diào)用each方法,方法傳入一個處理函數(shù),這個處理函數(shù)帶
參,i表示$(oo)對應(yīng)的數(shù)組的數(shù)組下標(biāo),ele對應(yīng)相應(yīng)數(shù)組下標(biāo)的值或?qū)ο?7.獲取標(biāo)簽的類型名稱
$(oo)[0].tagName
jQuery并不能獲取對應(yīng)對象節(jié)點的名稱,所以只有轉(zhuǎn)化為原生JavaScript對象后才能取得
8.動畫animate
$(oo).animate({"top":"12px"},200,function(){})
這個動畫會根據(jù)$(oo)這個元素當(dāng)前的狀態(tài)來進(jìn)行改變,例如當(dāng)前選中的元素的top值是500px,
那么這個動畫的效果就是把他的top值在200毫秒內(nèi)
從500px變?yōu)?2px,后面的function是回調(diào)函數(shù),
也就是說在動畫執(zhí)行完畢之后會執(zhí)行這個函數(shù),動畫時長和回調(diào)函數(shù)都不是必須傳入的值。
9.獲取元素的屬性
$(oo).attr("zzz")
選中元素,attr獲取相應(yīng)名稱為“zzz”的屬性,什么是屬性呢?就是id,name,type,disable,readonly
這樣的寫在相應(yīng)標(biāo)簽內(nèi)的值
可以通過$(oo).attr("name","content")的方式為元素設(shè)置屬性
10.添加/刪除class
$(oo).addClass("zz") 添加class
$(oo).removeClass("zz") 刪除class
$(oo).hasClass("zz") 判斷是否有class 返回true或false
9.transition這個CSS屬性
transition:all 2s;
這個屬性會在css發(fā)生改變的時候,通過動畫來呈現(xiàn)具體的改變,所以盡量通過transition來實現(xiàn)動畫,以
減少重繪效果
如何實現(xiàn)動畫?為某個元素設(shè)置多個class后再通過js添加或刪除class
10.最好給每個元素都設(shè)置class,便于操作內(nèi)容
jQuery踩坑教程
最后編輯于 :
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。