$('#menu1 > li > a.expanded + ul').slideToggle('medium');
私は理解しようとしています
$('#menu1 > li > a.expanded + ul')
部。これのコンテキストは、折りたたみ可能なメニューを作成していることです。
$('#menu1 > li > a.expanded + ul').slideToggle('medium');
私は理解しようとしています
$('#menu1 > li > a.expanded + ul')
部。これのコンテキストは、折りたたみ可能なメニューを作成していることです。
$('#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>
tag特定のタグ名を持つ要素を検索します#id特定の ID を持つ要素を検索します.class特定のクラスの要素を検索しますa > ba に一致する要素の子である b に一致する要素を検索しますこれの意味は:
#menu > li > a.collapsedid menuを持つ要素の直接の子である の直接の子である<a>、クラスが折りたたまれたすべての を検索します。<li>
これは、親子関係の JQuery セレクターです。 こちらのドキュメントを参照してください。
それは基本的に言っています:
menu1liacollapsedID menu1 の要素内の listitems (li) から、折りたたまれたクラスを持つすべてのアンカー (a) を取得します。参照: http://api.jquery.com/category/selectors/