jQuery - yagisawatakuya/Wiki GitHub Wiki

jQuery で多言語切り替え

https://qiita.com/yugokitajima/items/fd6919250b8cee766cdd

備忘録

非表示状態にあるものを表示

show()

表示状態にあるものを非表示

hide()

CSSクラスを追加

addClass()

CSSクラスを削除

removeClass()

CSSクラスが要素に無ければ追加し、あれば削除

toggleClass()

各要素の高さを操作して、slideDown/slideUpの動作を交互に行う

slideToggle([speed], [callback])

要素をフェードインで表示

fadeIn()

要素をフェードアウトで非表示

fadeOut() 

フェード処理での表示・非表示切り替え処理を行う

fadeToggle( [duration] [, easing] [, callback] ) 

親要素、先祖要素を指定

parent()

親要素、先祖要素を指定

children() //子要素を指定（孫要素以下は指定できません）
find() //子孫要素を指定（孫要素以下も指定できます）

隣接要素を指定

next()
nextAll()
prev()
prevAll()

HTML要素の属性を取得したり設定する

attr()

特定の要素が存在するかどうかを判別

$(function(){
    if($('#sample').length){
        ～　ここに「＃sample」が存在した場合の処理を記述　～
    }
});

参考：http://black-flag.net/jquery/20150324-5622.html

UA判別

var ua = navigator.userAgent;
if (ua.indexOf('iPhone') > 0 || ua.indexOf('Android') > 0 && ua.indexOf('Mobile') > 0) {
// SP
}

参考：https://qiita.com/elmar_leitz/items/25c9ff9b433270449a84

location

$(window).on('load resize scroll',function(){

var $search_wrap_position = $search_wrap.offset().top + $search_wrap.outerHeight();

//div.body-wrap(ボタン直近の親要素)の最下部まで来たら要素を消す。
if($search_wrap_position <= $(window).scrollTop()+$(window).innerHeight()) {
  $searchSubmit.hide();
}else{
  $searchSubmit.show();;
}

});