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