【JQuery】属性名や属性値で検索して目的の場所を探す 今回はJQueryの属性名と属性値を選択するいろいろな方法をデモしていきたいと思います。 それではいってみましょう(^^♪ 属性名 $(‘[ 属性 ]’) $(‘[ 属性… 続きを読む »
【JQuery/JavaScript】文字が含まれているかを判別 今回はJavaScriptとJQueryの~が含まれていたらの構文があるのでご紹介したいと思います。 それではいってみましょう! :containsメソッド $(“要素:contains(検索文… 続きを読む »
【JQuery】繰り返し処理(eachメソッド) 今回は繰り返し処理ができるJQueryのeachメソッドについて解説していきたいと思います。 DOMや配列やオブジェクトを取得できるのでとても短文で便利なので使用できる機会があったら是非使用してみてください… 続きを読む »
【JQuery】フェード(fade~out/in/to/toggle) 今回はフェードについて解説していきたいと思います。 フェードは薄っすらと消えていったり、表示したりする機能でそれをOpacity(透明度)によって動作させています。 それではいってみましょう(*゚▽゚)ノ … 続きを読む »
【JQuery】スライド(slideUp/Down/Toggle) 今回はスライドについてです。 スライド系はサイトやブログなどを動的な動きにさせたい場合に使用したりします。 それではいってみましょう(*゚▽゚)ノ slideUp スライドアップ 構文 sli… 続きを読む »
【JQuery】隠す・見せる(show/hide/toggle) 今回はJQueryで指定した要素を見せたり隠したりできるshow、hide、toggleについて解説します。 それではいってみましょう(*゚▽゚)ノ hide 隠す 構文 hide(ミリ秒) … 続きを読む »
【JQuery】指定した要素を見つける(兄弟) 今回は兄弟階層に色をつけていきたいと思います。 それではいってみましょう 自分以外の兄弟全部 siblings 下記の例はthreeクラス(自分)以外の兄弟要素全部が赤色に変わります。 [crayon-64… 続きを読む »
【JQuery】classを追加・削除・トグル・クラスの有無を確認 今回はクラスについて4パターンの動作をデモしていきたいと思います。 addClass 概要 addClassは指定したクラスを追加してくれます。 サンプルコード セレクターで対象となるクラスを… 続きを読む »
【JQuery】Window(画面ブラウザ)のスクロール位置を取得する 今回は画面の左上にスクロールTOPの値をリアルタイムで固定して取得したいと思います。サンプルをコピぺだけで即ためせます(^o^)o スクロールさせすると、このページの左上にリアルタイムに表示されます。 (表… 続きを読む »
【JQuery】高さheightのいろいろ 今回は高さ(height)について解説していきたいと思います。 それでは見ていきましょう(^^♪ heightメソッド 特長 ・高さの取得と設定ができます。 ・border,padding,marginを含… 続きを読む »
【JQuery】wrap系メソッドで要素を囲う 本日はJQueryの要素を囲ってくれるのwrap系メソッドをご紹介したいと思います。 それではいってみましょう\(^^)/ wrapメソッド 概要 指定した要素を個々に囲います。 構文 wra… 続きを読む »
【JQuery】指定した要素を追加する(兄弟) 今回はJQueyを使用して指定した要素の前方や後方に要素を挿入する便利な方法があるのでご紹介してきたいと思います。 JQueryは物凄く簡単なので非常にありがたいですね。 本日も図を入れてるので見れば一発で… 続きを読む »