javascript - 誰でも次のJSコードを簡単に説明できますか

Question

$('#menu1 > li > a.expanded + ul').slideToggle('medium');

私は理解しようとしています

$('#menu1 > li > a.expanded + ul')

部。これのコンテキストは、折りたたみ可能なメニューを作成していることです。

score 1 · Accepted Answer

$('#menu1 > li > a.collapsed')

上記のステートメントはli、メニューの親の直接の子を取得し、直接の子であるクラス名を持つアンカーをcollapsed取得することを意味しますli

HTML

<ul id="menu1">
    <li><a href="" class="collapsed">only this will get selected.</a></li>
    <li><a href="" class="collapsed"></a></li>
</ul>

score 0 · Accepted Answer

これの意味は：

#menu > li > a.collapsedid menuを持つ要素の直接の子であるの直接の子である<a>、クラスが折りたたまれたすべてのを検索します。<li>

score -1 · Accepted Answer

これは、親子関係の JQuery セレクターです。こちらのドキュメントを参照してください。

それは基本的に言っています：

score -1 · Accepted Answer

ID menu1 の要素内の listitems (li) から、折りたたまれたクラスを持つすべてのアンカー (a) を取得します。参照: http://api.jquery.com/category/selectors/

6 に答える 6