jQuery踩坑教程

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)容
最后編輯于
?著作權(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ù)。

友情鏈接更多精彩內(nèi)容