0 
var firstBodyChild = document.body.children[0];
$('li', firstBodyChild);

// make a selection within a previous selection
var paragraph = $('p');
$('a', paragraph);

これは、サイトhttp://jqfundamentals.comのガイドの例です。

私が理解していないいくつかのこと：

  1. $()私が理解している限り、フォーマットはオブジェクトを作成します。これparagraphはオブジェクトであることを意味しますが、そのプロパティは何ですか? どんなオブジェクトですか？

2.

var firstBodyChild = document.body.children[0];
$( 'li', firstBodyChild );

誰かがこの部分を説明できれば幸いです。firstBodyChild体の部分になりますfirstChildが、2行目は何を意味しますか/何をしますか?

ありがとう。

4

3 に答える 3

1

$()オブジェクト (この場合は DOM 要素) をすべての標準 jQuery メソッドで拡張します。

そして（私見）：

$( 'li', document.body.children[0])次のような言い方は紛らわしいです。

$('body *:first li')

つまり、メソッドに渡される 2 番目のパラメーターは、要素が見つかる$()コンテキストを定義します。li

于 2013-03-07T11:02:13.100 に答える
1
  1. はの$()エイリアスでjQuery()、読みやすいかもしれません。したがって、関数を呼び出してパラメーターを渡します。
  2. 通常、CSS でわかるように、最初のパラメーターはセレクターです。2 番目のパラメーターはオプションであり、コンテキストと呼ばれます。

ボディに 2 つのリストulがあり、最初のリスト要素を赤くしたい場合.children[0]、最初のコード例のように、ボディをコンテキストとして使用して、この要素のリスト アイテムのみを取得できます。

次に、jQuery を使用してli、ドキュメント全体 ( を使用) または特定のコンテキスト (を使用して、変数に既に保存した$('li')最初のリストなど) 内のすべての要素のリストを取得できます。ul$('li', firstBodyChild)

jQuery の呼び出しで返されるオブジェクトは、DOM ノードのラッパーです。そのため、渡されたクエリによって識別できる要素と、それらの要素をフィルター処理および変更するために使用できる一連の関数が格納されます。

この例を終了するには、これらのリスト要素を赤く染めるために、jQuery を使用.cssしてそれらの要素の外観を変更できます。

var firstBodyChild = document.body.children[0];
$('li', firstBodyChild).css({color: 'red'});
于 2013-03-07T11:04:04.847 に答える
1

  1. 「paragraph」変数は jQuery オブジェクトになり、jQuery の標準関数セットを使用できます。

  2. そこの 2 行目は、jQuery が「firstBodyChild」要素のコンテキストで <li> 要素を探す必要があることを示しています。詳細については、こちらのドキュメントを参照してください: http://api.jquery.com/jQuery/#jQuery1

于 2013-03-07T11:01:02.177 に答える