jQuery选择器中的“上下文”是什么？

Question

之间有什么区别$('input.current_title', '#storePreferences').prop('disabled', false);和$('#storePreferences input.current_title').prop('disabled', false);？

Answer 1

有什么区别$('input.current_title', '#storePreferences').prop('disabled', false);和$('#storePreferences input.current_title').prop('disabled', false);？

是的，但是很微妙

区别在于如何选择元素。

$('input.current_title', '#storePreferences');

等于1：

$('#storePreferences').find('input.current_title');

但不等同于：

$('#storePreferences input.current_title');

即使相同的元素也会受到影响。

它们之所以不同，是因为using find允许将上下文返回到#storePreferenceswhen end调用。

1：jQuery v1.9.1源代码中的194-202行

// HANDLE: $(expr, $(...))

} else if ( !context || context.jquery ) {

    return ( context || rootjQuery ).find( selector );

// HANDLE: $(expr, context)

// (which is just equivalent to: $(context).find(expr)

} else {

    return this.constructor( context ).find( selector );

}

根据您的问题，将修改相同的元素，因此功能上没有差异，但重要的是要意识到所使用选择器的广泛含义。