ブログ

JavaScript & jQuery いろいろ

by Yasuko

だいたいいつも同じようなことがわからずに検索してはその場しのぎの制作を続けています。

それではダメだという自戒の念も込めて、いつも調べてしまうことをここにまとめます。

クリックした要素を取得 – JavaScript

var target = e.target;

行き詰まりポイント

<a>ここ</a>をクリックしたときと

<a><span>ここ</span></a>をクリックしたときは結果が違う。

クリックした要素の親要素を取得 – JavaScript 

var parent = target.parentNode;

要素にスタイルを付与 – jQuery

 $("body").css({
   "position": "fixed"
 })

要素にクラスを付与 – jQuery

$("body").addClass("fixed");

要素のクラスを削除 – jQuery

$("body").removeClass("fixed");

クリックしたらクラスをつけたり外したり – jQuery

$(function() {
	//ボタンをクリックしたら発動
	$('#toggle').click(function() {
		if($('body').hasClass('fixed')){
			$("body").removeClass("fixed");
		}else{
			$("body").addClass("fixed");
		}
	});
});