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

时间:2011-05-21 16:59:59

标签: jquery find css-selectors

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

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

上面的代码返回:Some link text

但是

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

返回

  

TypeError:$.find("#ctl00_DDMenu1_HyperLink1").text不是函数

这是否意味着 $.find 返回数组对象[]并且无法访问jQuery函数?

//修改

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

//通过练习找到答案

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

$('any_selector')
//jQuery(item1),jQuery(item2),...,jQuery(item-N) Console output $('any_selector').text()

此代码返回 JavaScript Array对象,因此jQuery的任何函数都不能应用于resultset。即使结果集似乎相同。

$.find('any_selector')
//[item1,item2,...,item-N] Consolee output
$.find('any_selector').text()

但是我们可以把把js Array包装成jQuery选择器的技巧(奇怪的技巧):

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

//感谢您的帮助!

1 个答案:

答案 0 :(得分:10)

这不起作用的原因是因为find()允许您根据您已经做出的选择过滤一组元素。例如,如果您想要选择特定表单中的所有输入,你可以写:

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

它不能单独调用。