jQuery 查找 $.find('selector') 与 $('selector') 区别

Question

我有一个问题为什么这两个代码片段不同。

$('#ctl00_DDMenu1_HyperLink1')  
//jQuery(a#ctl00_DDMenu1_HyperLink1 Default.aspx) Console output
$('#ctl00_DDMenu1_HyperLink1').text()

上面的代码返回： Some link text

But

$.find('#ctl00_DDMenu1_HyperLink1')  
//[a#ctl00_DDMenu1_HyperLink1 Default.aspx] Consolee output
$.find('#ctl00_DDMenu1_HyperLink1').text()

Returns

类型错误：$.find("#ctl00_DDMenu1_HyperLink1").text 不是函数

这是否意味着 $.find 返回 Array 对象 [] 和 jQuery 函数无法访问？

//编辑

我使用过 jQuery 1.4.2 &使用 Firebug 控制台。

//通过实践找到的答案

这段代码将返回jQuery对象引用并且所有jQuery函数都可以访问。

$('any_selector')
//jQuery(item1),jQuery(item2),...,jQuery(item-N) 控制台输出 $('any_selector').text()

此代码返回 JavaScript Array 对象，因此 jQuery 的任何函数都不能应用于结果集。即使结果集看起来相同。

$.find('any_selector')
//[item1,item2,...,item-N] 控制台输出
$.find('any_selector').text()

但是我们可以使用技巧（奇怪的技巧）将 js 数组包装到 jQuery 选择器中：

$($.find('any_selector_as_inner_select')).val( )

//谢谢大家的帮助！

Answer 1

这不起作用的原因是 find() 允许您根据已经做出的选择过滤一组元素。例如，如果您想选择特定范围内的所有输入形式，你可以写：

$('#aParticularForm').find('input') 

它不能被单独调用。