hirokonaBlog

ググる→忘れそう→即時メモ 京都のWebデザイナーの備忘録

jqueryのセレクタの指定の仕方

ええかげん覚えられない。。。なんど検索していることか。
この人みたいに自分でよく使うのの一覧を作ろう。。。

http://satussy.blogspot.jp/2011/05/jquery.html

http://api.jquery.com/filter/

こういうのよく書くってのとか便利なのとか張っとく。
変数あんまつかってないのは特に意味なし。

アクティブナビの変更(index番号から)

[html]
$(‘#gnavi’).find(‘li’).click(function(){
var indexNow = $(‘#gnavi’).find(‘li’).index(this);
$(‘#gnavi’).find(‘li’).removeClass(‘active’).eq(indexNow).addClass(‘active’);
});

[/html]

アクティブコンテンツを変更(index番号からclass名を指定しfilter)

[html]
$(‘#gnavi’).find(‘li’).click(function(){
var indexNow = $(‘#gnavi’).find(‘li’).index(this);
$(‘#gnavi’).find(‘li’).removeClass(‘active’).eq(indexNow).addClass(‘active’);
$(‘#container’).find(‘.contentsArea’).filter(‘.content’+(indexNow+1)).show();
});
[/html]

複数階層上のdivを変更(patents)

[html]
$(‘#thumb’).find(‘li’).click(function(){
$(‘#thumb’).find(‘li’).removeClass(‘clicked’);
$(this).addClass(‘clicked’).parents(‘#content’).find(‘.photo’).addClass(‘active’);
});
[/html]


投稿日

カテゴリー:

投稿者:

タグ:

コメント

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください