jQuery(173)

173follower
goto_jp さんのアバター 2,392views

jQueryでplaceholder(フィールドの初期値)を表現する

サンプルはこちら。 See the Pen neiGb by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. IE9以前では対応しておらず、また現在でもブラウザごとに微妙に表示に差のあるpla... 2014年5月30日
goto_jp さんのアバター 3,409views

jQueryでタブメニューを作る

サンプルはこちら。 See the Pen Basics of jQuery – Tab UI by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. タブUIを作るjQueryプラ... 2014年5月29日
goto_jp さんのアバター 2,447views

jQueryで常に縦幅100%のレイヤーを作る

サンプルはこちら。 See the Pen ldCqh by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. こちらのサンプルウィンドウ表示だと分かりづらいので、こちらのリンクから別ウィンドウ... 2014年5月28日
goto_jp さんのアバター 270views

jQueryの基礎:兄弟要素を条件付きで操作する

サンプルはこちら。 See the Pen qugry by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 前回兄弟要素の操作を紹介しましたが、その兄弟の中から条件に合致する対象のみ操作でき... 2014年5月27日
goto_jp さんのアバター 1,434views

jQueryの基礎:兄弟要素を操作する

サンプルはこちら。 See the Pen hBbKu by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. HTML的に同じ階層にある要素、親でも子でもない要素は兄弟要素と言います。IDやク... 2014年5月27日
goto_jp さんのアバター 12,066views

jQueryの基礎:要素の位置座標を操作する

サンプルはこちら。 See the Pen Basics of jQuery – Set of coordinates by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. まず左... 2014年5月26日
goto_jp さんのアバター 6,653views

jQueryの基礎:表示切り替え系トグルの種類

サンプルはこちら See the Pen Basics of jQuery – Type of toggle by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 表示のON/OF... 2014年5月26日
goto_jp さんのアバター 1,541views

jQueryの基礎:独自HTML属性を使って汎用的なトグルボタンを作る

サンプルはこちら See the Pen Basics of jQuery – Generic Popup toggle by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 前回... 2014年5月23日
goto_jp さんのアバター 1,224views

jQueryの基礎:ポップアップウィンドウのトグル

サンプルはこちら。 See the Pen Basics of jQuery – Popup toggle by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. ボタンクリックで表... 2014年5月23日
goto_jp さんのアバター 846views

jQueryの基礎:クラスを付与or解除する

サンプルはこちら See the Pen Basics of jQuery by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. テキストクリックでそれぞれ異なる動作をしています。 HTML... 2014年5月22日
goto_jp さんのアバター 525views

jQueryの基礎:ID、クラス、HTMLタグにフックさせる

jQueryの本当に基礎から紹介します。 サンプルはこちら。 See the Pen Basics of jQuery by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. テキストをクリッ... 2014年5月22日
harada さんのアバター 1,115views

JQuery:指定してある特定のclassをhoverで外す

ページ表示時からオンマウスの動きを明示しておきたいときや、最初だけ目立たせたいときなどに使えるかと思います。表示サンプルはこちら。 Javascript <script type="text/javascript&quo... 2014年5月16日
harada さんのアバター 927views

jquery.tile.jsプラグインで列ごとに要素の高さを揃える

要素の中身によってdivの高さが違ってしまうと見栄えがよくないことがあります。jquery.tile.jsプラグインを利用することで、列ごとに高さをそろえることができます。ダウンロードはこちら HTML(1列に3つずつ配置する場合) &... 2014年5月14日
harada さんのアバター 570views

ブラウザの幅からはみ出た要素を切り捨てる

複数の要素をブロック状に並べていて、ブラウザの幅からはみ出した場合要素をはみ出して表示するのではなく、非表示にして常に綺麗に並べる方法です。 Browser size aware content scaling を利用します。 HTML... 2014年5月13日
harada さんのアバター 4,647views

jQueryで画面サイズによって処理内容を変える

レスポンシブなサイトを作っているときなどに役に立ちそうですね。 $(window).resize(function(){ var w = $(window).width(); var x = 568; if (w ... 2014年4月30日
harada さんのアバター 384views

jQueryでリストの順番を自動で変更する

jQueryでリストの順番を自動で変更する方法です。 表示サンプルはこちら。 jQueryはあらかじめ読み込みます。 <script type="text/javascript" src="//aj... 2014年4月18日
harada さんのアバター 3,963views

jQueryでスクロール後の固定ヘッダーのスタイルを変更する

ページを表示したときと、スクロールを開始した場合で表示スタイルを変更する方法です。トップのビジュアルの印象をより強めたいときなどに役立ちます。表示サンプル Javascript 今回はBootstrapのクラスを利用して表示しているので... 2014年4月14日
goto_jp さんのアバター 2,552views

jQuery利用例:HTMLを書き換える

サンプルはこちら。http://jsdo.it/goto_jp/kq97 対象のオブジェクト内のHTMLを丸々書き換えます。 JavaScript $(function(){ //html()が空なら中身のHTMLを返す ... 2014年4月14日
goto_jp さんのアバター 2,069views

jQuery利用例:位置座標の取得・制御

サンプルはこちら。http://jsdo.it/goto_jp/iCII 普通のWebサイト制作ではあまりサンプルのように動かす機会は少ないですが、画面上のポップアップ表示やモーダルウィンドウの類を操作する時には位置座標を操作することもあ... 2014年4月11日
goto_jp さんのアバター 632views

jQuery利用例:幅と高さの取得・制御

サンプルはこちら。http://jsdo.it/goto_jp/vUtb jQueryで幅と高さの取得と制御は実に分かりやすく簡単です。 JavaScript $(".box").width(); $("... 2014年4月11日