<p>Test Paragraph.</p> <input type="text" size="100" /> $("p").text("<b>Some</b> new text."); $("input").val($("p").html());
jQueryのajax()を中断する方法を紹介します。 1.問題点 次のように、ajax()メソッドでHTMLを取得するコードがあります。 <script src="http://code.jquery.com/jquery-latest.js"></script> <script> $(function(){ $('#execute').click(function(){ $.ajax({ url: "http://user-domain/foo.cgi", type: "GET", dataType: 'html', }) .done(function( data ) { $('#foo').html(data); }) .fail(function( data ) { // ... }); }); }); </script> <input type="button" id="exec
問題 jQuery使ってます。 セレクトボックスの選択されている項目の文字の方を取得したいです。 答え セレクトボックスの、選択されている項目をあらわすセレクタは、 #hoge option:selected 値を取得するには、 $("#hoge option:selected").val(); 表示している文字列の方を取得するには、 $("#hoge option:selected").text();
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core:コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors:セレクタ └ 目次 基礎 ├ *(すべて) ├ element(html要素) ├ #id名(ID属性) ├ .class名(clas属性) ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >(子要素) ├ +(直近の後要素) └ ~(後要素) 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
jQuery Core Showing the latest stable release in each major branch. See all versions of jQuery Core. jQuery 3.x jQuery Core 3.7.1: uncompressed, minified, slim, slim minified jQuery 2.x jQuery Core 2.2.4: uncompressed, minified jQuery 1.x jQuery Core 1.12.4: uncompressed, minified jQuery Migrate jQuery Migrate 3.5.2: uncompressed, minified jQuery UI Showing the latest stable release for the curren
更新履歴 2009-03-25 addMonths メソッドでマイナス値を引数にした時の不具合を修正しました。 JavaScript の標準オブジェクトである Date オブジェクトに、各種拡張機能を追加したオブジェクトを返す jQuery プラグインを作ってみました。インスタンス化した Date オブジェクトに独自の拡張メソッドを追加する実装になっているので、Date.prototype の汚染も無く、Date オブジェクト純正メソッドとの併用が可能です。 インスタンスの生成 まず、下記のように記述し Date オブジェクトを生成します。引数を省略した場合は、現在日付時刻の Date オブジェクトが生成されます。 var date = $.exDate(); 引数を指定することで任意の日付時刻のオブジェクトを生成できます。デフォルトフォーマットは yyyy/mm/dd です。 var d
各要素に引数で指定したコンテンツを追加する。 これは、全ての要素に対して appendChild を行うことに近く、操作後はDOMに要素が追加された状態になる。
続いて、時系列のグラフを作成してみます。 時間データは1970/1/1からのミリ秒で表現します。 UNIX時間とかエポックミリ秒といわれるやつです。 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Basic Linechart</title> <!-- 必要なライブラリのインポート --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/flot/jquery.flot.min.js">
はじめに はてなブログは jQuery を使用することができます。しかしながら、0からhedderやら、記事下などに設定するのは面倒なもんです。それに、jQuery プラグインなる便利なものまであります。jQuery プラグインファイルの中身をじかに書いても良いと思いますが、あまりお勧めできません。そこで、google Drive を使用して jQuery プラグインを使用する方法について記載します。 はてなブログでjQuery プラグインを使用する大まかな流れ 大まかにいうと、以下4項目です。 jQuery プラグインをダウンロード ダウンロードした jQuery プラグインを google Drive にアップロード google Drive 側の設定 はてなブログ側で jQuery プラグインを読み込む jQuery プラグインをダウンロード jQuery プラグインのダウンロードで
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core:コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors:セレクタ └ 目次 基礎 ├ *(すべて) ├ element(html要素) ├ #id名(ID属性) ├ .class名(clas属性) ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >(子要素) ├ +(直近の後要素) └ ~(後要素) 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
deferred.promise( [target] ) 1.5追加 戻り値:Promise Deferredのpromiseオブジェクトを返します。 引数 説明 function asyncEvent(){ var dfd = new jQuery.Deferred(); // Resolve after a random interval setTimeout(function(){ dfd.resolve("hurray"); }, Math.floor(400+Math.random()*2000)); // Reject after a random interval setTimeout(function(){ dfd.reject("sorry"); }, Math.floor(400+Math.random()*2000)); // Show a "working..."
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 一年ほど前に JavaScript - jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita [キータ] という記事を書きました。 で、一年経って、ふと、「もっと分かりやすくjQuery.Deferredの便利さを説明できるんじゃないか」と思い立ってざざざっと書いてみました。 小話と言うにはちょっと長いけど。 -- jQuery.Deferredを使うと嬉しいのは、jQuery.Deferredの仕様を満たす部品同士を簡単に組み合わせることが可能だからです。中には処理を書き下すことができるとかコールバックのネストを防げるのがいいとか言う人もいますが、個人的にこっちのほうがよっぽど重要だと感じます。 例えるならレゴブロックです。レゴブロックはあの凸と凹を持ってるブロックを自由に組み合
問題 jQuery使ってます。 ラジオボタンの選択されている項目の文字の方を取得したいです。 答え ラジオボタンの、選択されている項目をあらわすセレクタは、name属性を使うとこう書ける。 input[name='kome']:checked 値を取得するには、 $("input[name='kome']:checked").val(); 表示しているテキストの方を取得するには、このままでは難しいが、label要素で囲んでしまうとやりやすい。 HTMLをこのようにして、 <label><input type="radio" name="kome" value="1">コシヒカリ</label> <label><input type="radio" name="kome" value="2">ひとめぼれ</label> <label><input type="radio" name="kom
各要素のclickイベントに関数をbindします。 clickイベントは通常、要素がマウスなどのポインティングデバイスでクリックされた場合に呼び出されます。 クリックは、mousedownとmouseupの組み合わせで定義されます。これらのイベントの実行順は、以下のようになります。 mousedownmouseupclick jQueryのイベントは、コールバック関数の最初の引数でjQuery.Eventオブジェクトを受け取ることができます。このオブジェクトを使って、規定のイベント動作のキャンセルや、バブリングの抑制などを行います。 <p>First Paragraph</p> <p>Second Paragraph</p> <p>Yet one more Paragraph</p> $("p").click(function () { $(this).slideUp(); }); $("
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く