jQuery
jQueryを使った動的ウェブサイトのサンプルをKnockout.jsで書き直してみます。
5/23に、「第5回 HTML5ビギナーズ」に行ってきたので、3回に分けて勉強会の内容を紹介します。 第5回 HTML5ビギナーズ(jQueryをやります!) : ATND今回は普段から「jQuery」を教えてる方が登壇します!!ハードルを低めにした「基本編」とちょっと背伸…
5/23に、「第5回 HTML5ビギナーズ」に行ってきたので、3回に分けて勉強会の内容を紹介します。 第5回 HTML5ビギナーズ(jQueryをやります!) : ATND今回は普段から「jQuery」を教えてる方が登壇します!!ハードルを低めにした「基本編」とちょっと背伸…
5/23に、「第5回 HTML5ビギナーズ」に行ってきたので、3回に分けて勉強会の内容を紹介します。 第5回 HTML5ビギナーズ(jQueryをやります!) : ATND今回は普段から「jQuery」を教えてる方が登壇します!!ハードルを低めにした「基本編」とちょっと背伸…
どうすれば? CodePlexからmsiをダウンロードします。 jQuery Code Snippets for Visual Studio 2010 - Home131 Visual Studio 2010 Code Snippets for use with jQuery msiを実行してインストールします。 Visual Studioを起動し、Webプロジェクトを作成し…
jQuery 1.7.1 がリリースされました。 jQuery 1.7.1 Released | Official jQuery Blog
jQuery1.7がリリースされました。jQuery 1.7 Released | Official jQuery BlogjQuery 1.7 is ready for download! ...APIに[on],[off]が追加されています。 イベントのアタッチ、デタッチにはこれまで複数の方法がありましたが、今後はこの2つのメソッドに…
jQuery 1.6.4 がリリースされました。先日1.6.3がリリースされたばかりなのにペース早いですね。 jQuery 1.6.4 Released | Official jQuery BlogThis is a minor point release of jQuery. We’re releasing it fix a couple issues that came up during the …
jQuery1.6.3がリリースされました。 jQuery 1.6.3 Released | Official jQuery BlogjQuery 1.6.3 is now out! This is the third minor release on top of jQuery 1.6 and lands a number of fixes for bugs, as listed below. As usual, we provide two cop…
ここまでのjQuery関連のエントリのまとめです。 エントリ jQueryをはじめました - プログラマーな日々 DOM要素の作成、操作、挿入 - プログラマーな日々 jQueryで種類を指定してフォーム要素を選択する - プログラマーな日々 グローバル名前空間での競合を回…
QUnitを使うとJavaScriptのユニットテストを自動化できます。テストには以下が必要です。 testsuite.cssのインクルード testrunner.jsのインクルード idが"main"のdiv 詳細はソースコードを見てください。 ソースコード <html> <head> </head></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div id="contents"></div> <input id="load" type="button" value="load" />…</body></html>
jQuery UIにはテーマと呼ばれるCSSのセットが用意されています。これを適用することで一貫したスタイルを実現できます。テーマはこちらからダウンロードできます。 Download Builder | jQuery UI以下のエントリーで作成したページにテーマを適用してみます。…
ソースコード <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-us" lang="en-us"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </meta></head></html>
ソースコード 「jquery-ui.js」をインクルードする必要があります。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <label for="month">月選択</label> </body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <fieldset> <legend>Reasons to be happy</legend></fieldset></body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="first" type="button" value="first" /> </body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="binding" type="button" value="bind" /> </body></html>
toggleメソッドで表示/非表示を切り替える ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> </body></html>
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <input id="bar" type="button" value="fooまでスクロール" /> </body></html>
JavaScriptの簡易プロファイラです。(jQueryクックブックより)jQueryクックブックposted with ヨメレバjQuery Community Experts オライリージャパン 2010-08-18 Amazonで購入Kindleで購入楽天ブックスで購入7netで購入hontoで購入e-honで購入 紀伊國屋書…
ソースコード <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div id="days"></div> </body></html>
ソースコード eqメソッドでインデックスを指定して要素を選択します。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <h2>セリーグ</h2> <ol id="central"><li>中日</li></ol></body></html>
競合を回避するため、グローバル名前空間の汚染はできるだけ避けたいものです。 jQueryでは以下の書き方でスコープを限定することができます。 <script type="text/javascript"> (function($) { // ここで使う"$"はスコープが限定される。 })(jQuery); </script> 引数名が"$"の匿名関数を定義し、jQue…
textboxにだけ属性を設定する <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <form> <input type="text" id="hoge" /> </form></body></html>
まずはアンカーを作成して挿入してみます。 <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> </head> <body> <div></div> </body></html>
今更ですが、jQueryをはじめました。まずはお決まりのHello Worldから。 <html> <head></head> <body> <div></div> </body> </html>