jQuery：$（'＃id'）。find（'> a'）...找到什麼，到底是什麼？

Question

我確定有人會改變我的標題，但我喜歡它，而它持續。

無論如何，赫克托爾做的這件事（正如我七歲的孩子所說的那樣）？

$('#id').find('> a')... 

順便說一句，我得到$('#parent > .child')相同$('#parent').children('.child')（如解釋here），不是說我曾經使用過。

Answer 1

使用> a沒有指定的父母實際上是不贊成使用的語法，因爲你已經發現它有不明確的語義。 .find('> a')實際上相當於.children('a')。

從http://api.jquery.com/child-selector/

注：$("> elem", context)選擇將在未來的版本中將會棄用。因此，它的使用不再使用替代選擇器。

[記住，$(sel, context)相當於$(context).find(sel)]

Answer 2

.find()通常用來選擇後代多層次的下降，但是，在你的情況下，加入>的a限制了選擇，以獨生子女之前（或僅當您使用CSS類代替#id時纔是第一級）。

它基本上與$('#id > a')或$('#id').children('a')相同，但帶有一個額外的函數調用。

你的標題是完美的，順便說一下:)

Answer 3

當您嘗試使用下面的查詢

$("#master").find('> a')

然後它會找到所有具有屬性的元素中的第一個級別的錨定元素找到一個元素ID =「主人」

而當你嘗試使用下面的查詢，以找到一個元素

$("#master").find('a')

然後它會找到元素中所有具有屬性id ='master'的錨元素，而不管它在什麼級別。