タグ

jqueryに関するstealthinuのブックマーク (113)

  • http://blog.skyld.org/2009/06/jquery-ready.php

    stealthinu
    stealthinu 2020/10/19
    jQueryが読み込み失敗しているか確認する方法。typeof jQueryでundefinedになってるか見る。2020年の今更ながらの話なんだけども。
  • jQuery1.6.0より、属性がない時のattr()の戻り値が、空文字からundefinedへと変更されていた - メモ的な思考的な

    jQueryのバージョンを上げる時に出くわしたのでメモを残します。 目次 環境 現象 原因 実験 ソースコード 環境 対象のjQuery 1.5.2 1.6.0 現象 jQueryの attr() を使って属性の値を取得しているコードのうち、 <p>Hello World</p> <script> // class属性がないのに attr() を使っている result = $('p').attr('class'); </script> と、属性が定義されていない場合、後続の処理で予期しない挙動をしていました*1。 原因 jQuery1.6.0より、 attr() の戻り値が変わっていました。 属性が定義されていない場合の attr() の戻り値が 〜1.5.2:空文字 1.6.0〜:undefined へと変わっていました。 公式ドキュメントの attr() でも undefined が

    jQuery1.6.0より、属性がない時のattr()の戻り値が、空文字からundefinedへと変更されていた - メモ的な思考的な
    stealthinu
    stealthinu 2018/07/03
    1.6に上がったときにattr()やprop()の修正が入っているためそのときに空文字→undefinedへの変更もあったぽいと。こういうのほんと結構困るよね。
  • jquery プラグイン/作成 - Qiita

    注意 この文章は、ここの文章をそのままコピペしたものです。 プラグイン作成に非常に有効なのでメモしました。 最新版はオリジナルの文章を読むことをお勧めします。 プラグイン/作成 元文書: Plugins/Authoring - jQuery Wiki(t) jQueryを使うことが快適になってきたら、プラグインの作り方を知りたくなるでしょう。それは正解です!プラグインとメソッドでjQueryを利用することは、非常に協力で、さらに、プラグインの中に最も有効な機能を抽象化することで、開発にかける時間を大幅に節約出来ます。この記事は、プラグインを書き始める際の基的な概要とベストプラクティス、さらに気をつける必要のある一般的な落とし穴についての記事です。 目次 さあはじめよう コンテキスト 基 メソッドチェーンの維持 デフォルトとオプション 名前空間 6.1. プラグインのメソッド 6.2.

    jquery プラグイン/作成 - Qiita
    stealthinu
    stealthinu 2017/10/27
    jQueryプラグインの作り方のお作法。
  • 【jQuery】処理実行タイミング $(document).readyと$(window).load - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    【jQuery】処理実行タイミング $(document).readyと$(window).load - Qiita
    stealthinu
    stealthinu 2017/08/30
    document.readyはDOMが生成されたタイミングだが、window.loadは画像等のコンテンツが全部読み終わったタイミングで発行される。
  • iframe 内から jQuery UI Dialog を閉じる方法

    jQuery UI で iframe 内から Dialog (ダイアログ) を閉じる方法をご紹介します。 iframe 内から jQuery(‘#searchDialog’).dialog(‘close’) と呼び出しても親のウィンドウを閉じることはできません。 以下のように window.parent. を付けて iframe の中の子ページから親ページの関数として呼び出せば OK です。 window.parent.jQuery('#searchDialog').dialog('close'); 参考情報 Close jQuery UI Dialog from Iframe - Stack Overflow うのらぼ。 - 【JavaScript】IE6のwindow.parent

    stealthinu
    stealthinu 2017/02/01
    jQueryUIでモーダル作ってその中のiframe内から元のモーダル閉じる方法。window.parent経由で親のjQuery使えば良い。
  • 20160930 フロントエンド高速化 業務編 (社内勉強会)

    This document discusses messaging queues and platforms. It begins with an introduction to messaging queues and their core components. It then provides a table comparing 8 popular open source messaging platforms: Apache Kafka, ActiveMQ, RabbitMQ, NATS, NSQ, Redis, ZeroMQ, and Nanomsg. The document discusses using Apache Kafka for streaming and integration with Google Pub/Sub, Dataflow, and BigQuery

    20160930 フロントエンド高速化 業務編 (社内勉強会)
    stealthinu
    stealthinu 2016/10/06
    CSSやjQueryの最適化の話。jQueryの方はこれで速くなるんだろうとは思うのだけどなんか悲しくなるものが多い。
  • jQuery.ajaxの代わりにSuperAgentを使う - Qiita

    #脱jQuery AngularJSやVue.jsでは、DOMの直接操作は推奨されません。 そうなると、jQueryはAJAXでしか使わなくなります。 であれば、AJAX専用のライブラリにまかせてしまって、jQuery依存を外したくなってきます。 というわけで、AJAXだけをやってくれるライブラリとして、SuperAgentを導入してみましょう。 #SuperAgent HTTPリクエストに特化したライブラリです。 Node.jsとブラウザ両方で使うことができます。 作者はExpress, Stylusの開発などで有名なTJです。 #superagentの良さ かわいい。 #ブラウザでの導入方法 まず、下記URLにアクセスし、ファイル名superagent.jsとして名前をつけて保存してください。 https://wzrd.in/standalone/superagent@latest s

    jQuery.ajaxの代わりにSuperAgentを使う - Qiita
    stealthinu
    stealthinu 2016/08/01
    jQuery.ajaxのかわりにそこだけをやるためのライブラリ。SuperAgent
  • You Don't Need jQuery - Qiita

    注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで

    You Don't Need jQuery - Qiita
    stealthinu
    stealthinu 2016/04/13
    タイトルとは逆で今でもいかにjQueryが便利かを説明する内容。jQueryを使わない場合にどう書くか、を調べるための逆引き辞書としても使える。
  • HTML-encoding lost when attribute read from input field

    I’m using JavaScript to pull a value out from a hidden field and display it in a textbox. The value in the hidden field is encoded. For example, <input id='hiddenId' type='hidden' value='chalk &amp; cheese' /> gets pulled into <input type='text' value='chalk &amp; cheese' /> via some jQuery to get the value from the hidden field (it’s at this point that I lose the encoding): $('#hiddenId').attr('v

    HTML-encoding lost when attribute read from input field
    stealthinu
    stealthinu 2015/05/21
    jQuery使ったHTMLエスケープ手法『$('<div/>').html(val).text()』は少し問題があるらしくAngularJSのsanitize.jsのencodeEntitiesメソッドだとUnicodeのことも考慮されてるし良いとのこと。
  • GitHub - posabsolute/jQuery-Validation-Engine: jQuery form validation plugin

    You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

    GitHub - posabsolute/jQuery-Validation-Engine: jQuery form validation plugin
    stealthinu
    stealthinu 2015/04/28
    バリデーションを行ってくれるjQueryプラグイン。自分でルール書いたり専用関数呼び出したり出来るなど柔軟性が高い。
  • ReactをjQueryの数行に要約する | POSTD

    Reactが素晴らしい理由は、UIをアプリケーションの状態の純粋関数にできるからだ」いうような話を聞いたことがあるでしょう。しかしそれだけではなく、不変性と仮装DOMを利用して動作するということも聞きますよね。その上、保存、読み込み、取り消し、それにタイムトラベル・デバッグと呼ばれるすごい機能まで自由に手に入れられる。でも知っていますか? Reactの核となるアイデアを利用し、その恩恵に預かるのにこれらのことは必要ありません。jQueryの数行にしてお見せします。 <span id="colored-counter">0</span> <input id="color"></input> <button id="inc"></button> <script> $('#color').on('keyup', function () { $('#colored-counter').css('

    ReactをjQueryの数行に要約する | POSTD
    stealthinu
    stealthinu 2015/04/22
    jqueryでreactっぽいものを書くためのものかと思ったがreactとは実はこういうものだよという理解を深めるためのものだった。逆にreactの良さがわかる。
  • onsubmit="return false" has no effect on Internet Explorer 7/8 (form is still submitted)

    I have a form that will be submitted by javascript code triggered in "onsubmit" of the tag. Works fine on all browsers - but not on IE7/IE8. What can I do? <form action="/dosomething.htm" method="GET" onsubmit="submitmyform();return false"> [...] <input type="submit" value="Go"> </form>

    onsubmit="return false" has no effect on Internet Explorer 7/8 (form is still submitted)
    stealthinu
    stealthinu 2015/04/03
    IE8でonsubmitにreturn falseしてもキャンセルしてくれない問題。jQueryでsubmitイベントに対してreturn falseならjQueryがクロスブラウザ対応してくれるため大丈夫。
  • jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)

    「pjax」とは「Ajax」と「pushState」を組み合わせたもので、非同期通信をしながらURLを変更することができる「jQueryプラグイン」です。 各ページの差分だけ読み込み、描画するので、転送量削減ができ時間短縮を図れますし、ページ遷移時のエフェクトも追加できたり、カスタマイズ性に優れています。検索エンジンからのマイナス点もない非常に優秀なプラグインです。 「Ajax」と「pushState」が何なのかというと・・・ Ajax ページを遷移せずにサーバーからデータだけを非同期でとり、サイトに描画する仕組みのことで、「Google Maps」などに使用されています。 pushState 「HTML5」で導入されたURL操作のAPIで「Ajax」を使用して非同期なサイトを作る時などにアドレスが変更されない問題を解消してくれます。 1. デモ 前置きが長くなりましたが、実際に「pjax

    jQueryプラグイン「pjax」でスムーズにページ遷移するサイトの作り方 | Neganin(ネガニン)
    stealthinu
    stealthinu 2015/01/16
    pjaxというjqueryプラグインでajax的に動くけどページ遷移出来る(かつ遷移時はdiffでデータ転送)のが作れる。ajaxでもurl変更出来るのをpushStateっていうのね。知らんかった。
  • h5Validate - The HTML5 Form Validation Plugin for jQuery

    h5Validate - HTML5 Form Validation for jQuery Download from Github By Eric Elliot, author: "Programming JavaScript Applications" (O'Reilly) Need to brush up? See "Learning JavaScript: Up to Speed in No Time" If you want to contribute, feel free to fork the project on Github. Best practice realtime HTML5 form validation for jQuery. Works on all popular browsers, including old ones like IE6. Regular

    stealthinu
    stealthinu 2014/12/24
    IE9以下にHTML5のrequiredに近いチェックを追加するためのjQueryプラグイン。入力が無かった場合はフォームのバックグラウンド色を変更してその場所をトップにスクロールする。
  • jQuery.post() | jQuery API Documentation

    jQuery.post( url [, data ] [, success ] [, dataType ] )Returns: jqXHR Description: Send data to the server using a HTTP POST request. version added: 1.0jQuery.post( url [, data ] [, success ] [, dataType ] )

    stealthinu
    stealthinu 2014/10/31
    やはりajaxだけじゃなくpostでも.doneメソッドチェーンが使えるのね。今ならこっちを使うべきなのかな?
  • jQuery 1.7、1.8 で非推奨になったイベントのメソッドと Ajax 関連のメソッドとイベント - Sarabande.jp

    jQuery: 大半のブラウザにおいて ready は DOMContentLoaded を指すFunction.prototype.apply、bind と $.proxy の比較event.originalEvent、jQuery.event.props.push、jQuery.event.fixHooks について条件分岐からメソッドチェーンやマップによるコールバックにjQuery 1.7、1.8 で非推奨になったイベントのメソッドと Ajax 関連のメソッドとイベントメソッドチェーンもしくはプロパティ表記を使って複数のイベントハンドラを指定するホーバーで削除ボタンの表示をコントロールするmouseenter と mouseover のちがいjQuery のイベントメソッドのなかでの return false と e.preventDefault() のちがい9月1日追記: on メ

    stealthinu
    stealthinu 2014/10/31
    ajaxで成功した時とかのコールバック関数指定が.successとかのメソッドでメソッドチェーンになってる。知らんかった…
  • アップロードファイルサイズ制限 jQuery(upload file size) | Wordpress & Web Application Note

    Wordpress & Web Application Note wordpress構築,プラグイン開発,その他PHP,MySQLによる開発メモ + 日常生活 & 趣味 メニュー コンテンツへ移動 HOME ABOUT WEB-PROGRAM WP-PLUGIN WORDPRESS BOOK MUSIC $(function(){ $(".file1").change(function () { $("label.lblSize1").remove(); $("input.fileover1").remove(); var iSize1 = ($(".file1")[0].files[0].size / 1024); iSize1 = (Math.round(iSize1 * 100) / 100) $(this).parent().append("<label class='lblSiz

    stealthinu
    stealthinu 2014/10/28
    jQueryオブジェクトで選択されたファイルのファイルサイズ見る場合。$("#hoge").files[0].size
  • あなたがReactを使うべき理由 - mizchi's blog

    最近フロントエンドでfacebook/reactをずっと使っている。世界的には一部のエンジニアの間で流行っているのだが、国内だとqiitaのタグ等を見てもどうも少ない。みんなもっと使うべきだと思うので、宣伝かねて意見をまとめてみる。 複雑化するデータバインドに対する懸念 MVWのVに対して思いを馳せると、だいたい次のことに行き着く。すなわち、「ある構造体の入力に対して、必ず一意なビューを生成したい」 {items: [1, 2, 3]} を入力とすると、 1, 2, 3のli要素になってほしい。これは単純な例だから問題に成り得ないように見えるが、アプリケーション全体の状態を一つのjsonとして定義し、 そこから常に0から組み立てればアプリケーションの健全性が確保できると考えたことはないだろうか? 現実の問題 UIのだいたいの状態は遷移で表現される。遷移の差分をプログラマが記述する。jQue

    あなたがReactを使うべき理由 - mizchi's blog
    stealthinu
    stealthinu 2014/09/03
    『HTMLを毎回同じ状態を復元する為に0からビューを構築するとものすごく効率が悪い』だからReactでは自動的に差分だけを操作するDOMを生成して書き換えてくれるらしい。ただjQueryとか直接操作系との併用は不可。
  • https://colo-ri.jp/develop/2011/11/use-jquery-in-selenium.html

    stealthinu
    stealthinu 2014/08/29
    seleniumからjQueryを使う方法。テスト用に無理矢理hidden値を変えたい場合などjQueryで変更出来るようになった。
  • Bbfstoto: Situs Slot Gacor Gampang Menang Maxwin Setiap Hari

    Bbfstoto adalah situs slot online peluang maxwin tertinggi yang bisa didapatkan dari slot gacor terbaru bergaransi. Kemenangan luar bisa dan mudah menjadi daya tarik bermain pada situs slot terbaru. Didukung dengan mekanisme peluang lebih besar hingga 70% berbanding 30% semua bisa merasakan withdraw besar. Awal mula munculnya judi slot hanya untuk kalangan menengah keatas, namun era sudah berubah

    stealthinu
    stealthinu 2014/08/15
    jQuery Mobileの要素でcheckbox/radio/selectはrefreshをしないと見た目の更新がされない。ちなみに独自のコントロール要素のslider/flipも。