在jQuery中，选择器是用来定位一个或多个特定元素的工具。而“上下文”或者叫做“环境”，可以让我们更精确地定义需要选取的元素。
什么是“上下文”？
在jQuery选择器中，上下文是可选的第二个参数。它允许开发者根据指定的上下文来查找元素。也就是说，我们可以将选择器限制在特定的DOM元素内部进行查找。
语法:
----------- --------
其中，selector表示要选取的元素，context则表示要在哪个DOM元素内部查找该元素。
如何使用上下文？
通过指定上下文，我们可以减少查找元素时的遍历范围，从而提高代码效率。
例如，在以下HTML结构中：
---- ------------------
---- -------------
--------------
--------------
------
------如果我们想要选取class为card的div元素，我们可以使用以下代码：
-----------
但是，如果我们只想在class为container的div中查找class为card的div元素，我们可以将context设置为container：
---------- --------------
这样，只有在class为container的div内部查找元素，而不是整个文档中进行遍历。
另外，我们也可以用jQuery对象或者DOM元素作为上下文：
--- --------- - ---------------- ---------- ----------- - --- --------- - ------------------------------------- ---------- -----------
总结
通过使用上下文，我们可以更精确地定位元素，从而提高代码效率。但是，在实际开发中，需要注意上下文的选择，避免出现深度嵌套的情况，影响代码效率和可读性。
示例代码:
--------- -----
------
------
---------------------------------
------- -----------------------------------------------------------
-------
------
---- ------------------
---- -------------
--------- ------
---------- -----
------
---- -------------
--------- ------
---------- -----
------
------
---- ------------------------
---- -------------
--------- ------
---------- -----
------
------
--------
-- ---------------------------------
--- ------ - -----------
--------------------------- -- ----
-- --------------------------------------------------
--- --------- - ----------------
--- ------ - ---------- -----------
--------------------------- -- ----
-- ------------
--- -------------- - -------------------------------------------
--- ------ - ---------- ----------------
--------------------------- -- ----
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/27335