![https://remotestance.com/blog/2687/](https://cdn-ak-scissors.b.st-hatena.com/image/square/56fb105158ed6f61b03ec586df5d78dd28ebd939/height=288;version=1;width=512/https%3A%2F%2Fremotestance.com%2F__wp__%2Fwp-content%2Fuploads%2F2015%2F06%2Fjquery_parse_error.png)
jQuery でセレクトボックスを操作!value 値の取得や選択項目の指定、プルダウンテキストの取得方法 select ボックスに対する jQuery の操作をまとめてみました。 JavaScript では value 値が取得・設定に特化することが多いですが、jQuery を使うことで option タグ内のテキスト(プルダウンに表示している文言)も簡単に取得することができます。 以下、サンプルプログラムでは id 属性「select_test」を持つセレクトボックスを用いて解説していきます。 <select id="select_test"> <option value="1">選択肢1</option> <option value="2">選択肢2</option> <option value="3">選択肢3</option> <option value="4">選択肢4</op
どうも、ほそだです。ゴールデンウィークも終わり、暖かい空気を感じる季節になりました。 さてちょっと前に、こんな記事が話題になっていました。 You Don’t Need jQuery – Qiita (旧題:もうjQueryは必要ない) 元々は海外の方が書かれたものを日本語訳してくださったものですが、あらかた網羅されていて感服しました。実は今回、これと全く同じようなことをこのブログのネタにしようと考えていたのですが(jQueryでやってたことをjQueryを使わずにやってみた的な)、締切間近になってさあ書くぞってタイミングでここまで完璧なものを先に出されちゃったので、こりゃ勝てねえと泣く泣く断念したのですよね。。 それで急遽新たにネタを考えなきゃいけなくなったのですが、これに対するネット上での反応がけっこう興味深いなと思って見ていました。 「もうjQueryは必要ない」に関するみんなの反応
帳票・レポート 日本仕様の帳票開発に必要な機能を搭載したコンポーネント ActiveReports for .NET ActiveReportsJS 表計算・グリッド Excel風のビューと表計算機能を実現するUIコンポーネント SPREAD for Windows Forms SPREAD for ASP.NET SPREAD for WPF SpreadJS 入力支援 快適な入力を実現する日本仕様入力コンポーネントセット InputManPlus for Windows Forms InputManPlus for ASP.NET InputManPlus for WPF InputManJS 多段明細 1レコード複数行&日付表示に 最適なグリッドコンポーネント MultiRowPlus for Windows Forms 戻る コンポーネントセット Visual Studioで利用す
何人かの方に気に入って使っていただいたようなのですが、以前の記事では jQuery だけベロっと貼ってあってわかりずらかったので、きちんと通して説明するために、改訂版として本記事を書くことにしました。 改訂版といってもまとめ直しただけで、コードが改「善」されたわけでないのであしからず…(´・ω・`) はてなブログのサイドバーの「カテゴリ」表示、よく一般的なブログで見かける「タグクラウド」のようにしたいと思う方は少なくないと思うのです。そもそもこの、記事にキーワードをがしがし追加してく感じって「タグ」じゃないのかなぁ…というわけで、自分のブログでもやってる「タグクラウド」表示の仕方を以下にまとめました。 ちなみにタグクラウドっていうのは↓みたいなやつです。ここにあるコードではこんなに格好良くはなりませんが(苦笑) Original by Markus Angermeier. Vectoris
何この記事 あんちべという人から無茶ぶりがきたので対応した mizchi、d3ブログ書いてくれた呑む— 3D円グラフ皆殺し (@AntiBayesian) 2014, 3月 2 @AntiBayesian D3まだ極めてないです— 高意識エネルギー (@mizchi) 2014, 3月 2 @mizchi 2時間やろう、早く極めたまえ— 3D円グラフ皆殺し (@AntiBayesian) 2014, 3月 2 @AntiBayesian おっしゃ待ってろ— 高意識エネルギー (@mizchi) 2014, 3月 2 前提 よく誤解されるんですが、D3.jsはグラフ描画ツールではなく、JavaScriptでSVGを生成するためのjQuery風DSLで、DSLとはいえかなりローレベルなライブラリです。SVGはベクタグラフィックスを生成する規格。ブラウザ上のSVGは、図形を書けるDOMであり、他
2013年07月10日09:59 JavaScript jQuery.extendとjQuery.fn.extendとプロトタイプチェイン 最近、jQuery.extend と jQuery.fn.extend の違いが気になったので調べました。 いきなり結論ですが、簡単に言うと jQuery.extend がクラスメソッド(クラスプロパティ)を追加するもので、jQuery.fn.extend がインスタンスメソッド(インスタンスプロパティ)を追加するものです。終わり。 jQuery.extend:クラスメソッドを追加する jQuery.fn.extend:インスタンスメソッドを追加する ・・・だとあまりにも寂しいので具体例を挙げてみますw まず、jQuery.extend の場合。jQueryそのものからメソッドやプロパティが直接参照できているのがわかりますね。 jQuery.exten
今回はjQueryを使った、カスタムイベントの設定方法をご紹介します。 結論から言ってしまうと、trigger(type, [data])関数でカスタムイベントを発射し、bind(type, [data], fn)関数でキャッチします。 trigger(type, [data])関数はデフォルトのイベントだけでなく、bindで予め登録しておいたカスタムイベントを呼び出すことが出来ます。 例えば、 <p>ボタンクリックでこの部分を変更する</p> <button>カスタムイベント発射!</button> <span style="display:none;"></span> 上記の様なコードで書かれたボタンが有ります。 このボタンを押して、カスタムイベントを利用出来る様にしてみます。 ボタンを押した段階で、trigger関数からmyCustomEventイベント(※イベント名は自由に設定出
スタンドアローンで動作する19KBの超軽量スクリプト。 さまざまなレイアウトに対応できるグリッド。 表示サイズごとのブレイクポイントの設定も簡単。 resetやbox-modelなどの有用なCSSのショートカットを用意。 プラグイン機能も備えているので、拡張にも対応。 skel.jsのデモ デモはシンプルな構成のページが表示が用意されています。 まずはデスクトップサイズとして、幅1200pxで表示してみます。 デモページ:幅480pxで表示 skel.jsの使い方 jQueryや他のスタイルシートなどを用意せずに、すぐに利用できます。 Step 1: 外部ファイル 当スクリプトを外部ファイルとして記述します。 <script src="skel.js"></script> jQueryもスタイルシートも他のファイルは必要ありません。 Step 2: スクリプトのセットアップ スクリプトのセ
Twitterは自社サービスで利用しているJavaScriptフレームワーク「Flight」をオープンソースで公開しました。 Flightはコンポーネントベースの軽量フレームワーク。開発者に対して非同期で独立性の高いコンポーネントを定義する機能を提供することで、デバッグ、テスト、イベントハンドリングなどを容易にするフレームワークのようです。 Githubのページでは以下のように説明されています。 Components cannot be directly referenced, instead they communicate by triggering and subscribing to events. Consequently every component, and every component API, is entirely decoupled from every othe
HOME>jQuery>7つのサンプルでjQueryを学ぼう!「jQueryが全く分からない人のため」の超初級者向け入門講座 約半年前まで、興味はあれども全くもって触れたことのなかった「jQuery」。それどころか、「Javascript」を「Javasprict」と何度となく書き間違える癖のあった私。 結局、「スク水すいすいスクリプト」と語呂を合わせることによりようやく正しい綴りをマスターしたわけなんですが、仕事で扱うと言うこともあり多少はjQueryの仕組みが分かってきた今日この頃です。 そんなわけで、今回は「jQueryが全く分からない人のため」の超初級者向け入門講座と銘打ちまして、jQueryの基礎の基礎を学ぶための記事を書いてみました。 とは言っても「jQueryとはなんたるか」などといった難しい理論を記すつもりは一切ございません。(っていうかそんな偉そうなこと言える程修めてない
HOME>WEBプログラム覚書>jQueryによる表示、非表示切り替え jQueryによる表示、非表示切り替え 今さらながらjQueryをお勉強。日本語のリファレンスも充分すぎるくらい充実してますんで、勉強しやすいですねよく使いそうなDivの表示、非表示切り替えをjQueryでやると・・・ jQueryによる表示、非表示サンプル
早いもので今年も残すところあとわずか となりました。今年は年をまたいで仕事 しないとならないので早めに総まとめ的 な記事を書いておきます。と言っても 完全に自分用のまとめですのでご覧に なっても役に立たないと思いますがw というわけで、後で復習するのに、探さなくていいようにしただけの自分用リンク集です。 jQueryとWordPressにやたら偏ってます。過去記事のまとめですので目新しいものは一切ありません。 ネタは省いてます。あと、種類で細かく分ける気力が残ってないので順不同です。 スマフォ向けが多いのでスマフォ関連は※印を振っておきました。復習用なのでリンクは全て当サイトの記事にしてます。他の方には二度手間ですがご了承下さいマウスを乗せるとキャプチャが表示されます。130個くらいです。普段から小ネタばっかりなのでそんな感じのまとめです。 【追記】(僕が)リンク見にくいので色を変えました
Webデザインをしていると、HTML と CSS だけではできない表現ってありますよね。そんな時によく使うのが jQuery。今回は jQuery っていまいちよく分からない ... っていう人が、jQuery に少しでも親しんでもらえたらいいなーと思って、知ってる事をまとめてみました。なので jQuery 初心者さん向けの記事です。 とっても当たり前なんですけど、Web サイトは基本的に HTML で書かれていて、デザインは CSS で装飾されていますよね。最近では CSS3 の登場で、簡単なアニメーションも CSS で作れるようになりました。でもクライアントワークでは、まだまだ CSS3 を使える部分が限られているし、Webデザインに少し動きなどをつけたい時などは、まだまだ jQuery を活用する事も多いです。 私は Javascript が苦手で、jQuery もどちらかというと苦
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く