JQuery中實用小技巧總結

1.JQuery監聽將來元素即未建立出來的元素事件使用方法

$(document).on("click",'div',function(){
      console.log('ok!');
});

使用$(document)進行事件綁定，用做事件監聽

2.彈出層顯示出後三秒消失

$('#judgeModel').show().delay(3000).fadeOut();

3.面向對象中獲取某標籤value值(特殊方式,未考慮兼容)

4.事件解綁再加綁

$('.pma-filter-box>nav').off("click").on("click",()=>{})

5.animate動畫

$('.shade_box').animate({opacity:0},500,()=>{
　　$('.shade_box').remove();
});

6.背景修改

$('.pma-filter-box>nav').css({'background-image':'url(../image/arrows_up.svg)'});

7.兄弟節點後元素刪除

$('#rmbp').nextAll('div').remove();

8.$(...)[j].addClass is not a function(…)

$(..).eq(j).addClass();

2019-01-07