jQuery を高速に使う CSS セレクタの書き方 - てっく煮ブログ
JavaScriptjQuery は CSS セレクタで要素を選んで処理できるのが魅力的ですね。そんな jQuery ですが、CSS セレクタの書き方次第で速度が大幅に変わってきます。ここでは jQuery の内部処理を疑似コードで示しつつ、jQuery を高速に使うためのポイントを５つに絞って紹介します。何度も同じセレクタを実行しないクラスだけを指定するのは禁止#id を積極的に使う途中までの結果を再利用する子供セレクタ(>)を使うと速くなることがある※ この記事は jQuery 1.2.6 のソースコードを元に記述しています1. 何度も同じセレクタを実行しない改善前 // 例題 1 $("div.foo").addClass("bar"); $("div.foo").css("background", "#ffffff"); $("div.foo").click(function(){
第7回 タブパネルを実装する（前編） | gihyo.jp
タブプラグインを作ってみよう 最近ではWebサイトを制作する際によく使われるのが、既に完成しているJavaScriptファイルを読み込み、実行するだけで簡単に利用できるプラグインやライブラリといったものです。 jQueryの場合、プラグインと呼ばれますが、そのプラグインだけでも、数え切れないくらい多くのものが公開されています。 代表的なものでは、jQueryオフィシャルのUIプラグインなどが挙げられます。この連載ではプラグインの紹介は行いませんが、第7回・8回では実際にプラグインを作成してみましょう。 今回の第7回では、タブパネルを実装するスクリプトを書くところまでを紹介し、次回の第8回は今回実装したタブパネルスクリプトを元にプラグイン化するところまでを紹介していきます。 タブパネルを実装するスクリプトを書いてみよう タブパネルの実装について、考えてみましょう。タブパネルUIは様々なシーン
jQuery Corner Demo
This plugin was originally written by Dave Methvin. Dave and I collaborated on several improvements and the project is now hosted on github. The most recent version is also available here: jquery.corner.js. It's important to understand that this corner plugin is pulling off its magic by adding more elements to the page. Specifically, it adds div "strips" to the item to be cornered and sets a solid
Open Source - Scroll Follow - The Kitchen @ Net Perspective
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
Ajax » jQuery plugin » フォーム要素の制御 | PHP & JavaScript Room
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説Ajax Username Check - Using Jquery! 入力したユーザー名が存在するかチェック（PHP+jQuery） Ajax Username Check - Using JQuery! jQueryとPHPを使用し、入力したユーザー名が存在するかを確認するjQueryプラグイン。 ユーザー名入力フォームにユーザー名を入力し、フォーカスが外れた時に、入力したユーザー名がないかPHP（check.php）で調べ、ユーザー名が存在するかの有無をjqueryを使用して動的に表示します。 data.csv"username","first_name","last_name","password" "john","John","Doe","12345
jQuery 日本語リファレンス
jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );
jQueryを使って、クリックされたリストのidを取得したいと思います。…
jQueryを使って、クリックされたリストのidを取得したいと思います。リストはJSONでPHPから読み込んでいます。 下記のようなコードを書いたのですが、JSONで読み込んだリストをクリックして反応がありません。 JSONで読み込まずに直接HTMLに<li>を書けばアラートが表示されるので、JSONでリストを読み込んだのが 原因だと考えられます。しかし、動的にリストを読み込みたいのですが、何か方法はないでしょうか？ // PHPからliの内容を取得 function getList(data){ // dataには<li id="1">aaa</li><li id="2">bbb</li>が入っているとする $("#myList").append(data); } $.getJSON('list.php',null,getList); // クリックしたliのidの値をアラートで表示 $
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IBM Developer
JQuery Corner Demo
jQueryのAjaxリクエスト 1