[作って学ぶ！jQuery] 第2回 アニメーションを学ぶ | バシャログ。
会社の近所にできた横浜ブルク13という映画館で見た「第9地区」が大変面白かったminamiです。夜遅くまでやっているし、きれいだし、スクリーンは大きいし、おススメの映画館です。 jQuery連載も3回目の第2回ということで、今回はアニメーションについてご紹介します。 表示と非表示の制御 show()とhide() show()は要素が非表示の場合表示することができ、hide()はその逆で要素を非表示にします。 引数を”slow”,”fast”,”normal”,またはミリ秒で指定することで、アニメーションの速度を指定できます。何も指定しないと即座に表示が切り替わります。 また、スピードの次の引数にコールバック関数を設定できます。 コールバック関数とは処理が終わった後に実行される関数のことです。 アニメーション終了時に様々な処理を付け足すことができます。 $("div#test").show
![[作って学ぶ！jQuery] 第2回 アニメーションを学ぶ | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/1f4390ea5b2b558adfd9c349b9a080aae407daff/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fshared%2Fpublic%2Fimg%2Fcommon%2Ficon_ogp02.png)
[作って学ぶ！jQuery] 第1回 セレクタを学ぶ | バシャログ。
「作って学ぶ！jQuery連載」の2回目なんだけど、1回目。今回はセレクタについてです。 jQueryを理解するで欠かせないのがセレクタ。セレクタの種類は数多くありますが、今回は現場でよく使うであろうものについてご紹介します。 基本系 要素セレクタ DOM要素（htmlタグ）を指定する方法です。 $('h1') $('ul') $('div') IDセレクタ = $('#myid') #で始まるセレクタは、id名を指定する方法です。なおidはページ内にて常にユニークである必要があります。 $('#header') CLASSセレクタ = $('.myclass') ドット（.）で始まるセレクタは、class名を指定する方法です。class名のみでの指定は、ドキュメント内を全て探しにいくので表示速度に影響もあります。IDセレクタと併用するのが望ましいです。 $('.link') グループセレ
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法:phpspot開発日誌
Justify elements using jQuery and CSS jQueryとCSSを使ってフォームのinput要素を楽に整列させる方法が紹介されております。 何ができるか？というのは次の図を見て頂くのがはやいでしょう。 ビフォア ↓↓↓↓ アフター これを実現するために、CSSとマークアップによって実現するのが普通ですが、jQueryによってもっとスマートに出来るようですね。 具体的には、次のように、label の中で width がもっとも大きいもののサイズを得て、そのサイズにJavaScriptで調整しちゃうというものです。 $(document).ready(function() { var max = 0; $("label").each(function(){ if ($(this).width() > max) max = $(this).width(); });
Interface.jsで簡単スムーススクロール - Emotional Web
This domain may be for sale!
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
