jQueryにおけるattrとpropの違いと使いドコロまとめ - Qiita
checkboxやradioのチェック状態を調べる際にはattrではなくpropを使うのが良い。 attrでも取れないこともないですが、propで取得する方が処理が早いです。 特にIEの場合、inputに対するdisabledの処理がものすごく重く、attrでdisabledやcheckedの処理を沢山していると、無駄に最悪な感じで負荷がかかります。 attrとpropの取得の違い またこの２つは、同じ値を取得してるようで異なる値を取得するので注意。 例えば //チェックした値を取得するよー $(":checkbox").click(function() { alert($(this).prop('checked')); alert($(this).attr('checked')); }); の場合、 チェック時 prop true attr checked 非チェック時 prop fal
Jcropを使う要素は複製されるのでクエリの書き方に注意
jqueryプラグインのJcropを使うとIMG要素の画像を切り抜き（クロップ）できるので便利。 使い方は別のサイトにお任せするとしてハマった点をメモ。 $(query).Jcrop()とすると、queryにマッチした要素は最初のJcropの呼び出し時にコピーされ、コピー先の要素ではid属性は削除される。そして2回目以降はコピーされない。 で、結論から言うと、queryにid以外を使う場合は最初にクエリを投げてその結果を使いまわすようにする必要がある。たとえばこういうこと: var i = 3; var $foo = $(".foo") while(i-- > 0) { $foo.Jcrop() } なぜかというと、 var i = 3; while(i-- > 0) { $(".foo").Jcrop() } と書いた場合、次のようにコピーが3回行われることになるため: // 1回目 /
QA＠IT サービス終了のお知らせ - ＠IT
平素よりQA＠ITをご利用いただき、誠にありがとうございます。 QA＠ITは「質問や回答を『共有』し『編集』していくことでベストなQAを蓄積できる、ITエンジニアのための問題解決コミュニティー」として約7年間運営をしてきました。これまでサービスを続けることができたのは、QA＠ITのコンセプトに共感をいただき、適切な質問や回答をお寄せいただいた皆さまのご支援があったからこそと考えております。重ねて御礼申し上げます。 しかしながら、エンジニアの情報入手方法の多様化やQAサービス市場の状況、＠ITの今後のメディア運営方針などを検討した結果、2020年2月28日（金）15:00をもちましてQA＠ITのサービスを終了することにしました。 これまでご利用をいただきました皆さまには残念なお知らせとなり、誠に心苦しく思っております。何とぞ、ご理解をいただけますと幸いです。 QA＠ITの7年間で皆さまの知識
jQueryでcheckboxがcheckされてるかの値をとる - Webtech Walker
checkboxがcheckされてるかどうかを判別するメソッドってjQuery側に用意されてないんですよね。 twitterでも色々教えてもらったけど方法としては3つくらいかなー。 https://twitter.com/kyo_ago/status/11685019866 https://twitter.com/songmu/status/11675950113 https://twitter.com/rea/status/11675545507 素のHTMLエレメントから取得 var checked = $('#elem').get(0).checked; せっかくjQuery使ってるのにという感じがいなめない。。これはないかな。 is()で取得 var checked = $('#elem').is(':checked'); これが一番直感的ではある。これでいいっちゃいい気もする。
jQuery を使ってHTMLタグをエスケープする
Javascript ネタです。 ユーザーがテキストボックスに入力した文字を、そのままその画面上に表示するような処理を、Javascriptで作成する際に、エスケープする処理が必要な場合があります。 AJAX でサーバー側から取得した値を表示する場合もそうですね。 今回は、そんなときのエスケープする処理を jQuery を使ってプラグイン形式で紹介したいと思います。 そもそもなぜエスケープする必要があるのか？ 知ってる人は知ってると思いますが、そもそもなぜエスケープする必要があるのか？というところから説明します。 PHPやPerlなどのプログラムを勉強された方はよく知ってると思いますが、ユーザーがテキストボックスに入力した文字をそのまま表示する場合、もしその中にHTMLタグが入っていたとします。 そうすると、（あたりまえですが）ブラウザはその文字をちゃんとしたHTMLタグだと認識してしまう
jQueryでラジオボタン、チェックボックスの値を取得する方法 | symfony PHP JQueryで初心者からの開発日記
普段は $j(”#name”).val()のように取ってましたが、 チェックボックスとラジオボタンについては別の書き方が必要みたい。 以下、例 <form> <input name=”id” type=”hidden” /> <select name=”pref”> <option value=”1″>NY</option> <option value=”2″>LA</option> <option value=”3″>SF</option> <option value=”4″>CH</option> <option value=”5″>FL</option> <option value=”6″>IN</option> </select> <input name=”color” type=”radio” value=”1″ />male <input name=”co
jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC engineers' blog
最近Androidとの抗争が激化しているago（@kyo_ago）です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 （※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です） セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue
jQueryでマウスオーバー時の画像を差し替える - (ﾟ∀ﾟ)o彡 sasata299's blog
2011年05月20日22:06 JavaScript jQueryでマウスオーバー時の画像を差し替える マウスオーバーしたときにその画像を差し替える、みたいな処理です。で、そういうときにどうやると楽ができるでしょうか。jQuery を使えばとっても簡単です。そう、jQuery ならねっ！！ 例えば通常は画像A (/path/to/sasata299.png) を表示する。だけどマウスオーバー時にだけは画像B (/path/to/waruta299.png) を表示する。そして、マウスアウト時には画像Aに戻すみたいな処理を考えます。 このとき、生の JavaScript を使う場合は「マウスアウトしたときに画像戻さなきゃいけないんでしょー。めんどくさいなー」と思ってしまいがちですが、これが jQuery を使うととっても簡単に処理できてしまいます。こうです。 $("画像を変えたいID要素"
Titanium Mobileの暗黒ノウハウを公開します。 - このブログは証明できない。
WEB+DB PRESS Vol.61の特集は、Titaniumでした。実際にアプリを作りながらのチュートリアルになっています。正統派な入門記事です。 でも。期待してた内容ではありませんでした。私は、Titaniumの暗黒面が知りたいのです。いつものWEB+DB PRESSなら、そんな記事が多いのですが、さすがにまだ開発者が少なそうなTitaniumではアッサリ目に仕上げるしかないのでしょう。そこで、このどうでもいいブログで、Titaniumのバッドノウハウ、いや、暗黒ノウハウをメモっておきます。 アプリを1本開発しただけですので、そこまでTitaniumのことを解っているわけではありません。間違っているところなどがありましたら、指摘してもらえるとありがたいです。暗黒ノウハウをみんなで共有しましょう。あと、スシなどをおごってもらえると、もっとありがたいです。 前提。 Titaniumのバー
Using HTTP PUT to send JSON with Jquery and Rails 3
HTTP PUT isn't entirely cross browser so Rails (I'm using Rails 3) supports using POST and passing the _method query param. This is great, but it doesn't seem to work when sending JSON. Example: $.ajax({ url: window.location.pathname, type: 'POST', contentType: 'application/json', data: JSON.stringify({_method:'PUT', page:{my_data: 1}), dataType: 'json' }); When Rails sees this, it doesn't recogni
PUT and DELETE with jQuery // homework prod.
I became a big fan of REST. Especially articles and code by Joe Gregorio, mainly his "How to create a REST Protocol", were a great help to me. Together with AJAX, it allows me to create clean APIs for my web applications and paves the way for user interfaces with more interaction as they are known from the desktop. It comes with a price tag, of course, and that says "JavaScript dependency". My fir
知っておくべきjQueryオブジェクトの扱い :: 5509
jQueryオブジェクトからDOM要素にアクセスする方法やメソッドで渡されるjQueryオブジェクトの扱いなど基本といえば基本ですが、再認識メモです。なので、タイトルは自分に覚えとけよってことです。。 jQueryオブジェクトからDOMにアクセスする $(‘#id’)にすれば#idを取得できますが、この状態だとDOM要素を選らんでいる状態ではないので、DOM要素のプロパティにはアクセスできません。 $('#link').href // これは無理 1-1. $()[0] 要素を引数にしたjQueryオブジェクトはDOM要素が配列で格納されている状態なので $('#link')[0] // DOM要素の参照になる console.debug($('#link')[0]); // 評価結果 - DOM要素 // とすることで配列の中からDOM要素を指定することができるので、プロパティにアクセス
jQuery Mobileではidが鬼門 - Aerialarts
最近jQuery Mobileを触ることが多く、ちょこちょこハマりどころがあったのでメモしておく。 jQuery Mobileはリンクを遷移したときにハッシュ（URLの#以降の文字列）ごとにdata-role="page"な要素をAjaxで取得して既存のDOMツリーに追加する。 このため検索結果のページを行き来した場合などに、ハッシュが異なるにも関わらず元になるHTMLのテンプレートが同一なためにid属性値が重複してDOMツリー上に出現することがある。 こうなるとid属性値ではユニークな要素を指定することができず、それを前提としたDOM操作がまともに動作しなくなる。 そういうわけで、jQuery Mobileではid属性を使うことが結構鬼門だったりする。 代替手段としては、現在アクティブになっているpageのclass属性にui-page-activeが設定されることを利用して、これとユニ
jQueryでリストをリンクに変える方法 - ひがやすを技術ブログ
こんな感じのリストがあったとします。 <ul> <li>http://www.google.co.jp</li> <li>http://www.yahoo.co.jp</li> </ul>もちろん、リストをクリックしてもなにもおきません。これをjQueryを使って、リンクに変えてみましょう。 each()とwrapInner()を組み合わせます。 <html> <head> <title>sample08</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(function(){ $("li").each(function(i){ $(this).wrapInner( "<a href=\"" + $(this).text() + "\"></a
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery UI Sortable Position
#258 Token Fields - RailsCasts
5509.me
https://forum.jquery.com/portal/en/community/topic/using-google-maps-with-jquery-mobile