JavaScript  :  jQuery

add addClass after ajax ajaxComplete animate append appendTo attr before bind blur cache change children click clipboard clone closest contents contextmenu cookie css csv datepicker dblclick delay die each empty eq error extend fadeIn fadeOut fadeTo fadeToggle filter find fn focus get getJSON hasClass hash height hide hover html if index innerHeight innerWidth insertAfter insertBefore is JSON keydown keypress keyup lazyload live load map masonry mousedown mousemove mouseout mouseover mouseup next nextAll not off offset on one outerHeight outerWidth parent parents parseInt position prepend prependTo prev prevAll prop queue ready remove removeAttr removeClass replace replaceAll resize scroll scrollLeft scrollTop select serialize show size skrollr slice slick slideDown slideToggle slideUp smoothscroll stop submit text Ticker toArrays toggle toggleClass touchend touchmove touchstart trigger unbind unload unwrap val width wrap wrapAll wrapInner xml

• jQuery スタイルの数値取得
• 例えばスタイルシートでもともと余白を指定していて、JSでその横幅を数値で欲しいときに使います。 #demo_base { background-color:#FCF; width:25...
• 2019-08-07 17:31:24

• jQuery メニューのトグルボタン
• スマホの左上や右上によく見かけるメニューボタンのサンプルです。 ハンバーガーメニューとも言われますが、そのボタンを押すとクローズボタンに切り替わりま...
• 2019-07-29 06:29:24

• jQuery スクロールで移動速度を変える
• 文字などエレメントをスクロールの動きとずらす表現のサンプルです。 jQueryのプラグインskrollr.min.jsを使って、文字が遅れて表示する表現を実装しています...
• 2019-08-03 12:00:17

• jQuery 画像のコピー防止の比較
• 画像のコピー防止といっても、基本的にスマホやPCに表示されている時点で、ブラウザに保存されており、しかもキャプチャでも撮ってしまえば、閲覧者は同じ画像を...
• 2019-08-07 17:19:03

• jQuery 文字数に応じてスタイル変更
• 特定の文字数を超える場合、指定したクラスを追加します。 データから自動で文字が配置されるときなど、長い文字を手動で調整できない場合に便利です。 $(...
• 2019-08-02 23:58:03

• jQuery デバイス判別
• PCやスマートフォンで挙動を変えたい時は以下のようにJavaScriptを記述すると便利です。 [[$(function () { var ua = navigator.userAgent.toLowerCas...
• 2019-07-29 21:12:57

• jQuery 右クリックを画像ごとに制御
• Webサイトが出回り出したときから、ずっと版権、著作権的な問題は課題となっています。 そこでいつも、こんなこと出来ないか、と挙がってくるのが、保存防止を...
• 2019-08-07 17:08:42

• jQuery アコーディオンメニュー
• スマホなどの限られたスペースの中で、いろんな項目の内容を表示させたいときに、便利なのがアコーディオンメニューです。 クリックすると見出しごとに詳細情...
• 2019-07-29 05:54:34

• jQuery オーバーレイ　スマホ版
• スマホを意識したオーバーレイの表現のサンプルです。 bodyタグの直下にJSで挿入し、ヘッダーに強制追加するパターンと、画面下部に常に表示されるパターンの２...
• 2019-07-28 16:37:41

• jQuery HTMLの属性を指定して編集
• HTML内にはいろんなタグがあり、それぞれ属性と値があります。 jQueryではid、class、href、src、titleなどの属性の値を編集することができます。 [[$('#l...
• 2019-08-07 17:04:56