Web制作で役立つメモをWEB MEMO LOG

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."));
});

About Site

同じことを何度も検索していたりするんで、検索して解決したことを残そうと思いまして。