jQuery(183)

183follower
watanabe さんのアバター 296views

jQueryで指定要素のコピーを作成する方法

$(selector).clone(); clone()によってselectorで指定した要素のコピーを作成することができる。 append()やprepend()で指定要素の追加を行う場合にも、clone()でコピーされた要素を用いる... 2014年6月4日
goto_jp さんのアバター 958views

jQueryUI:ダイアログの生成

サンプルはこちら See the Pen tHfer by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryUIで簡単にダイアログ表示を行うことができます。 HTML <... 2014年6月4日
goto_jp さんのアバター 799views

jQueryUI:ドラッグ&ドロップの制御

サンプルはこちら。 前回はドラッグする方法を紹介しましたが、それだけでは意味がありません。ドラッグした後にドロップする時の挙動も含めて一つのUIになります。 JavaScript $(function() { $('.t... 2014年6月3日
watanabe さんのアバター 8,912views

jQueryで指定要素の子要素を削除する方法

$("selector").empty(); $(“selector”).children().remove();でも同じように選択した要素の子要素を削除できますが、empty()はempty(... 2014年6月3日
goto_jp さんのアバター 301views

jQueryUI:要素をドラッグ可能にする

サンプルはこちら。 See the Pen LhAEr by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. jQueryのプラグイン「jQueryUI」のドラッグコンポーネントを利用していま... 2014年6月3日
goto_jp さんのアバター 332views

jQuery利用例:HTMLコンテンツを挿入する

サンプルはこちら。 See the Pen Bgyct by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 各ボタンより対象の前後と中にHTMLを挿入できます。 JavaScript $... 2014年6月2日
Yukimi Sato さんのアバター 416views

「PageSlide」の右スライド時を左スライド時と同じような挙動にする

40行目付近 //右スライドのマージンをleftからrightに変更 //f["margin-left"] = "+=" + d, f["margin-right"] = &q... 2014年6月2日
Yukimi Sato さんのアバター 6,326views

横から出てくるJqueryスライドメニュー「PageSlide」

jsはこちらからダウンロードできます。 http://srobbin.com/jquery-plugins/pageslide/ body閉じタグの直前にJqueryと一緒にjsを配置。 配布サイトでは1.8系でしたが、1.11でも動作は... 2014年6月2日
goto_jp さんのアバター 419views

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

サンプルはこちら。 See the Pen dJbDp by Kazuyoshi Goto (@KazuyoshiGoto) on CodePen. 前回の「jQueryでplaceholderを表現する」を扱いやすく改良しました。... 2014年6月2日
harada さんのアバター 1,408views

jQueryを利用してクリックでdivを引っ張りだす

表示サンプルはこちら。右側のグレイのブロックをクリックすることでdivを引っ張りだします。 CSS body { overflow-x: hidden; } #slideout { background: #EEE; ... 2014年5月30日
goto_jp さんのアバター 2,674views

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

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

jQueryでタブメニューを作る

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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