2017.03.19

【JS】子要素に特定のクラスがあった場合に親要素にクラスを追加する等、jQueryでよく使うメソッド

クリック時にクラスを追加するなど、よく使用するjQueryのメソッドをメモメモ。

CSSの操作

$(function(){
　$(".class").css("display","none");
});

クリック時の処理

$(".class").click(function() {
　//クリック時の処理
});

クラスを追加

$(function(){
　$(".class").addClass("addClass");
});
//例：子要素に特定のクラス（.child）があった場合に親要素（.parent）にクラスを追加
$(".parent .child").parents(".parent").addClass("addClass");

//例：親要素に特定のクラス（.parent）があった場合に子要素（.child）にクラスを追加
$(".parent").children(".parent .child").addClass("addClass");

画像名の変更

$(function(){
　$(".class img").attr("src",$(".class img").attr("src").replace("_off.", "_on."));
});

＃jQuery