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");