jQuery
jQueryで画面サイズによって処理内容を変える
レスポンシブなサイトを作っているときなどに役に立ちそうですね。 $(window).resize(function(){ var w = $(window).width(); var x = 568; if (w <…jQueryでリストの順番を自動で変更する
jQueryでリストの順番を自動で変更する方法です。 表示サンプルはこちら。 jQueryはあらかじめ読み込みます。 <script type="text/javascript" src=&qu…jQueryでスクロール後の固定ヘッダーのスタイルを変更する
ページを表示したときと、スクロールを開始した場合で表示スタイルを変更する方法です。トップのビジュアルの印象をより強めたいときなどに役立ちます。表示サンプル Javascript 今回はBootstrapのクラスを利用して…
jQuery利用例：HTMLを書き換える
サンプルはこちら。http://jsdo.it/goto_jp/kq97 対象のオブジェクト内のHTMLを丸々書き換えます。 JavaScript $(function(){ //html()が空なら中身のHTMLを返す…jQuery利用例：位置座標の取得・制御
サンプルはこちら。http://jsdo.it/goto_jp/iCII 普通のWebサイト制作ではあまりサンプルのように動かす機会は少ないですが、画面上のポップアップ表示やモーダルウィンドウの類を操作する時には位置座標…jQuery利用例：幅と高さの取得・制御
サンプルはこちら。http://jsdo.it/goto_jp/vUtb jQueryで幅と高さの取得と制御は実に分かりやすく簡単です。 JavaScript $(".box").width(); $…jQuery利用例：CSSの取得と操作
サンプルはこちらhttp://jsdo.it/goto_jp/acoR 今回は内部的なデータの取り扱いの話になりますが、JavaScriptを使うことでCSSを切り替える方法はいくつかあります。そのための例を上記サンプル…