delicious! newsing! buzzurlにブックマーク! Yahoo!ブックマーク ライブドア - この記事をクリップ! このエントリーを含むはてなブックマーク

jQuery Tips 20選

2009/8/19 (Wed) at 5:35 pm

エントリのアイコン

こういう記事がありました↓

20 Top jQuery tips & tricks for jQuery programmers

いやー勉強になります。#7の『要素が存在するかチェックする方法』でこのように紹介されてて↓

if ($("#someDiv").length) {  
    //hooray!!! it exists...  
}  

そういえば私はいつもこう書いていたなぁ冗長だったなぁと思ったら↓

if ($("#someDiv").length > 0) {  
    //hooray!!! it exists...  
}  

さらにコメントを読んだら親切な方がこうおっしゃってて↓

「jQueryはその要素が存在しなければエラーを吐かずにそのままスルーしちゃうからそういうチェックはしなくてよいんでは?」

と書かれてあり、これも知らなかったので(てか深く考えていなかった)そうかーと思いました。コメントの件は未確認です。まぁでもjQueryがそういう仕様だったとしても、要素の有無で処理を分岐するのはよくやるんで覚えておいて損ではないと思いますが。

私はまだまだjQueryを使いこなしているという実感がわかないんですが、いまいちばんもどかしさを感じるのはセレクタの使い方ですかね。いつもチートシートを見つつ考え考えやっています。もっと感覚的にパパーとセレクタを使いこなせたらいいのになー。上手な方のコードを見ると「こんなに短く書けるのかー」と思うことがよくあります。

こんな私でもたまに「うまいことできたなー」と思う時もあって、そういうときはjQueryってマジックだなーと思います。jQuery初心者にはありがたい解説サイトのひとつである高橋登史朗さんのall aboutのサイトは「jQueryの魔法」というタイトルがつけられていますが、これはうまい題名だなと思っています。jQueryって本当に魔法っぽいですよね。

delicious! newsing! buzzurlにブックマーク! Yahoo!ブックマーク ライブドア - この記事をクリップ! このエントリーを含むはてなブックマーク

コメント・プリーズ!

お名前 (your name)
(required)
url
(optional) ※公開されます。
メールアドレス (email)
(optional) ※公開されません。管理者にだけわかります。
コメント (comment)
(required)

※クッキーに保存すると次回から入力を省略できるので便利ですが、お使いのコンピュータに情報が残りますので、公共のパソコンなどからアクセスするような場合はチェックをはずしたほうがよいでしょう。

※コメント中のhtmlタグは実体参照に変換されます。たとえば、『<』は『&lt;』というかんじになりますのでhtmlタグをそのまま書き込んでくださってオッケーです。

one-px-ffffff-tl one-px-ffffff-tr one-px-ffffff-bl one-px-ffffff-br

PROFILEcaption

藤居ヒロヤ。ウェブデザイナー/ウェブディレクター。ウェブデザインオフィス、3OT NET主宰。名古屋市中区。「優しいデザイン」「激しいデザイン」「正しいデザイン」「セクシーなデザイン」「泣けるデザイン」「もっともなデザイン」... 。あなただけのウェブデザインを丹精込めておつくり致します。見積り依頼等、お気軽にお問い合わせ下さい。

お問い合わせフォーム

RECENT ENTRIEScaption

RECENT COMMENTScaption

TOOLScaption

BOOKMARKScaption

RESOURCEScaption

ARCHIVEcaption