jQuery选择器中的上下文指的是在查找元素时所在的范围。在某些情况下,我们只需要在特定范围内查找元素,而不是全局查找。这时,我们就可以使用上下文选择器,指定查找元素的上下文范围。
$('selector', context);
其中,selector表示要查找的元素,context表示元素的上下文范围。context可以是一个DOM元素,也可以是一个jQuery对象。
例如,我们要在某个div中查找class为box的元素:
$('div#container .box');
这样会全局查找页面中的class为box的元素。如果想在特定的div中查找,可以这样写:
$('div#container .box', '#specialDiv');
其中'#specialDiv'就是特定的div元素。
除了使用选择器和DOM元素作为上下文范围,我们还可以使用上下文函数。上下文函数的返回值必须是一个DOM元素或jQuery对象。
$('selector', function() { return DOMElement; });
例如,如果我们想将上下文范围指定为class为wrapper的祖先元素,可以这样写:
$('div.box', function() { return $(this).parents('.wrapper')[0]; });
上面的代码会在class为box的元素中查找,并将其上下文范围指定为class为wrapper的祖先元素。