JQuery中实用小技巧总结

本文深入探讨了JQuery在动态元素事件监听、动画效果控制、DOM操作等方面的高级技巧,包括如何监听未创建的元素事件、实现元素显示后定时消失、获取特定标签的值、事件的解绑与重新绑定、执行动画并移除元素、修改元素背景、删除指定元素后的所有兄弟节点等。

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

转载于:https://www.cnblogs.com/xiaohualu/p/9844669.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值