1. 犀牛前端部落首页
  2. jQuery百科

jQuery获取$(this)的子元素方法[总结]

前言

今天俺跟大家分享一下jQuery获取$(this)下子元素方法

首先假设我们的DOM结构如下:

<div id="..."><img src="..."></div>

少有人知道的jQuery构造函数

使用jQuery的构造函数可以使用寻找子元素这个知识点绝大多数人不知道,jQuery构造函数接受第二个名为context的参数,该参数可用于覆盖选择的上下文。

使用方法如下:

/**
 * 时间:2019年8月18日
 * 前端教程: https://www.pipipi.net/
 */
jQuery("img", this);

find方法

我们经常使用的就是find方法了,使用方式如下:

jQuery(this).find("img");

children方法

如果你想要的img只是被点击元素的直接后代,你还可以使用.children(),使用方式如下:

/**
 * 时间:2019年8月18日
 * 前端教程: https://www.pipipi.net/
 */
jQuery(this).children("img");

 

原创文章,作者:犀牛前端部落,如若转载,请注明出处:https://www.pipipi.net/2251.html

发表评论

登录后才能评论