ReactをjQueryの数行に要約する | POSTD
「Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか？ Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('
jQueryで、リストのvalueやlabelを取得する方法 - seki-motoの日記
selectタグで書かれたリストで、選択項目の取得について。 valueと、label（表示するテキスト/項目ラベル）で違うものを設定したとき、label側はどうやって取ればいいかメモ。 optionタグのvalueと、labelが同じ場合 <select id="targetList"> <option>apple</option> <option>orange</option> <option>lemon</option> </select> このHTMLの場合は、 jQuery( "#targetList" ).val(); で取得できます。とりあえずドキュメント通り。 optionタグのvalueと、labelが違う場合 <select id="targetList"> <option value="apple">りんご</option> <option value="orange
jQueryによる表示、非表示切り替え|WEBプログラム覚書
HOME>WEBプログラム覚書>jQueryによる表示、非表示切り替え jQueryによる表示、非表示切り替え 今さらながらjQueryをお勉強。日本語のリファレンスも充分すぎるくらい充実してますんで、勉強しやすいですねよく使いそうなDivの表示、非表示切り替えをjQueryでやると・・・ jQueryによる表示、非表示サンプル
雑草魂 :: jQuery：ラジオボタンのチェックでセレクトボックスを表示・非表示
jQueryでラジオボタンのチェックでセレクトボックスを表示・非表示する。 サンプル [スクリプト部分] <script src="js/jquery.js" type="text/javascript"></script> <script> $(document).ready(function(){ function displayVals() { var singleValues = $("input[name=continent]:checked").val() var defined = 0; if(singleValues == 2){ $("#continent_select").css("display","block"); $("#country_select").css("display","none"); }else if(singleValues == 3){ $("
jqueryでhtmlのselect要素の値を取得する方法 - おりおりの日記
良く忘れるんですよね。 昔できたのに。 $('#target').val(); ナイスな記事を発見したのでリンク張っておきます。 http://d.hatena.ne.jp/x6x6/20080319/1205917213
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧
一行入魂 jQueryでselect操作まとめ
HTMLのselect要素であるコンボボックスをjQueryで扱いたくて色々調べました。 一覧で見られると便利なので、まとめてみました。 <select id="target"></select> ■要素の追加 jQuery('#target').append(jQuery('<option value="1">test1</option>')); ■要素の選択 value=1を選択 jQuery('#target').val('1'); ■要素の変更のイベントハンドラー jQuery('#target').bind('change', function() { }); ■選択された要素の取得 属性valueの値 jQuery('#target option:selected').val(); テキストの内容 jQuery('#target option:selected').text()
jQuery: 指定値のラジオボタンを選択するやり方 – BmathLog
サンプルHTML <input type="radio" name="mobilephone" value="docomo">docomo <input type="radio" name="mobilephone" value="au">au <input type="radio" name="mobilephone" value="softbank">softbank <input type="radio" name="mobilephone" value="other">other jQuery で要素を選択 例えば au を選択するとき $("input[name='mobilephone']") .filter(function(){ return ($(this).val() == 'au')}) .attr("checked", true); こっちのほうがわかりやすい $(
CTOA日記:jQuery Form Pluginの使い方 その1 - livedoor Blog（ブログ）
2008年07月18日 jQuery Form Pluginの使い方 その1 jQuery Form Pluginについてサンプルを基に解説します。 //DOM読み込み完了時に各種設定 $(document).ready(function() { //各種プロパティの配列 var options = { target: '#output', // サーバの戻りを出力する場所を指定 beforeSubmit: hogeRequest, // 送信前に呼び出す関数 success: hogeResponse, // サーバからの応答時に呼び出す関数 url: 'hoge.php', // formタグのactionをここで変更可能 type: 'post', // postまたはget datatype:'json', //サーバ側のレスポンスのデータタイプを指定 timeout: 3000
半透明のレイヤーでページや要素をブロックする「jQuery BlockUI Plugin」を試してみた
jQueryのプラグインとかを見ていた時に、 なにやら面白そうなプラグインを発見。 「jQuery BlockUI Plugin」 画面全体やもしくは要素に対して、 半透明のレイヤーを表示させてブロックするプラグインだ。 使う機会はでてくるかわからないけど、 とりあえず使って試したくなったので、 勉強のためにメモエントリーしておく。 Login FormRun jQuery('#demo1').click(function() { jQuery.blockUI({ message: $('#loginForm') }); //↓最後の数字が消えるまでの時間（1000=１秒） setTimeout(jQuery.unblockUI, 2000); }); iPhoto (ish)Run jQuery('#demo2').click(function() { jQuery.blockUI({
jQuery Mobileページの基本構造を理解しよう（1/3） - ＠IT
これらのフレームワーク／ライブラリを利用することで、デバイスの違いを（全くでないにせよ）あまり開発者に意識させることなく、標準的な枠組みでスマートフォン対応のアプリケーションを開発できるようになる。 スマートフォン対応のフレームワークは歴史も浅く、まだまだデファクト・スタンダードといえるものはないものの、現時点で最有力候補の一角と目されるのが、本連載のテーマでもある「jQuery Mobile」だ。 ■jQuery Mobileとは？ jQueryそのものについては本稿の読者諸氏であれば、すでに既にご存じであろう――JavaScriptライブラリのデファクト・スタンダードだ。「Write Less, Do More（よりシンプルなコードで、より多くの処理を）」をモットーに、シンプルな構文でありながら機能性も高いことから、近年急速にユーザー数を増やしている。何千、何万にも及ぶプラグインによっ
選択に応じて不要な入力欄を非表示にする方法 - JavaScript TIPSふぁくとりー
《2017年6月10日 1:00 PM 公開/更新》 選択に応じて不要な入力欄を非表示にする方法 [入力フォーム] フォーム内に「ある項目を選択している場合に限って入力して欲しい」という限定項目がある場合は、ユーザの選択状況に応じて入力欄の表示・非表示が切り替わる方が便利です。JavaScriptを使えば、例えばラジオボタンなどの選択状態に応じて、特定のテキスト入力欄を表示したり消したりできます。 選択に応じて不要な入力欄を非表示にする方法 特定のidを割り振った要素に対して、表示と非表示を切り替えるJavaScriptの書き方 選択に応じて不要な入力欄を非表示にするHTML＋JavaScriptソース 選択に応じて不要な入力欄を非表示にする方法 アンケートフォームなどにはよく「ある項目を選択した場合にのみ入力して欲しい」という限定項目があります。標準で全部の入力欄を表示しておいても良いの
『jqueryでプルダウン連携』
タイトル通り、2つ（以上）のプルダウンの連携をJqueryで実装したい。 こんな時はグーグルさんに聞いてみよう！ と言うことで、"jquery プルダウン 連携"って感じ？ http://bit.ly/9M6yPy 参考：jqueryで簡単な連動型ドロップダウンリストを作る ちょっと変えてみる。 [HTML] <select id="first"> <option value="1">１だよ！</option> <option value="2">２だよ！</option> </select> <select id="second"> <option class="c_1" value="1">１－１</option> <option class="c_1" value="2">１－２</option> <option class="c_1" value="3">１－３</option>
jqueryで簡単な連動型ドロップダウンリストを作る - susan-styleの日記
jqueryで簡単な連動型ドロップダウンリストを作る。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>簡単なドロップダウン</title> <script src="./js/jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("#parent").change(function () { //alert($
リアルタイムフォームバリデーション jQuery.validation.js :: 5509
お知らせ（10.08.06）： jQuery.validation.jsはアップデート・修正対応などを終了しました。 仕様などを変更したバリデーションプラグインを公開したので、そちらの方を参考にしてください。（validation.jsにはあるのにexValidationでは実装していない機能もありますが、基本的に実装は行いません） どんなフォームにも使えるjQueryのフォームバリデーションプラグイン: exValidation jQuery.validation.jsはフォーム入力のイライラを軽減して、Webブラウジングとかショッピングをもっと快適にするためのjQueryプラグインです。(もちろんサーバサイドでのチェックは必須ですが…) jQuery.validation.jsのサンプルを見てみる トピックス 特徴 ダウンロード 導入方法 1.JSファイルを読み込む 2.input要素
Bridge Word
This shop will be powered by Are you the store owner? Log in here
jQueryでチェックボックスのon/offで表示をon/off その5 - mersy's lab
またまた、ビリーさんにアドバイスいただいたので、そちらを参考にして、修正してみる $(’:checkbox’).click(function(){ $(”#” + this.value).toggle(); }); というアドバイスをいただいたので、そちらを参考（コピペ）にして $(document).ready(function(){ $(’:checkbox’).click(function(){ $(”#” + this.value).toggle(); }); }); にしてみた。 サンプルはこちら チェックボックスで項目の表示、非表示｜lab.mersy http://lab.mersy.co.jp/2008/07/02/jquery3.html へぇ、これで動くし。 ってことで、toggle()について調べてみると、 $(要素).toggle(); ってのは、実行する
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
テーブルでTDに値が入っていない行を隠す – jQueryパーツ001 | お名前.com、さくらのVPS等のサーバーでの開発・設定メモ
タキコの開発メモ JQueryのradio操作
Blogger
