jquery一些常用操作dom代码(含修改伪类元素的样式)

获取满足自己条件的父节点(只返回最接近的)

jQuery('#content').closest('tr'); //获取id为content最近的tr标签dom
jQuery('#content').parent('tr');//获取id为content最近的tr标签dom
jQuery(".content").parentsUntil(".parentContent");//获取class为content和class为parentContent之间的所有元素

获取父节点

jQuery(".content").parent(); //获取class为content的父元素
jQuery(".content").parents(); //获取class为content的所有父元素

获取兄弟节点siblings

jQuery(".content").siblings(); //获取class为content的所有兄弟节点(与class为content的同级元素)
jQuery(".content").next(); //获取class为content的后面的第一个元素
jQuery(".content").prev(); //获取class为content的前面的第一个元素
jQuery(".content").nextAll(); //获取class为content的后面的所有元素
jQuery(".content").prevAll(); //获取class为content的前面的所有元素

获取满足条件的子元素(在所有子元素中遍历)

jQuery(".content").find(jQuery(".childContent"));//获取class为content的所有子元素中的class为childContent的元素

获取满足条件的子元素(在当前元素中的直接子元素中遍历)

jQuery(".content").chidren();//获取class为content的所有直接子元素;
jQuery(".content").chidren(jQuery(".childContent"));//获取class为content的直接子元素中的class为childContent的元素

修改伪类元素的样式

$('.ant-input-group-wrap').hover(function() {
    $(this).css('color','red')
});

插入元素
after():向指定元素后面增加同级元素
before():向指定元素前面增加同级元素
append():向指定元素的末尾处增加子元素
prepend():向指定元素的开始处增加子元素

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值