タグ

関連タグで絞り込む (28)

タグの絞り込みを解除

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

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

    stealthinu
    stealthinu 2020/10/19
     jQueryが読み込み失敗しているか確認する方法。typeof jQueryでundefinedになってるか見る。2020年の今更ながらの話なんだけども。  

    ●javascript
    ●jquery
      
    リンク

  • 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 が
    stealthinu
    stealthinu 2018/07/03
    1.6に上がったときにattr()やprop()の修正が入っているためそのときに空文字→undefinedへの変更もあったぽいと。こういうのほんと結構困るよね。
    リンク

  • jquery プラグイン/作成 - Qiita


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

  • 【jQuery】処理実行タイミング $(document).readyと$(window).load - Qiita


    $(function(){ //処理 }); jQuery(function(){ //処理 }); jQuery(document).ready(function(){ //処理 }); これらは全て同じタイミングで処理が実行される。 実行されるタイミングは﹁HTML︵DOM︶の読み込みが終わったとき﹂である。 HTMLが読み込まれる前はHTMLの操作ができないので通常はこの記述を行う。 画像などコンテンツ全体が読み込まれたとき　$(window).load ただし、HTMLの読み込みが終わったタイミングでは、まだ画像などのコンテンツは読み込まれていない。 そのため、画像が読み込まれなければ正しく動作しないような処理を行う場合は$(window).loadを使用する。 イベントの順番 イベントの順番は下記のようになる。 ページの読み込みが始まる HTMLの読み込みが終わる $(docum
    【jQuery】処理実行タイミング $(document).readyと$(window).load - Qiita
    stealthinu
    stealthinu 2017/08/30
    document.readyはDOMが生成されたタイミングだが、window.loadは画像等のコンテンツが全部読み終わったタイミングで発行される。
    リンク

  • iframe 内から jQuery UI Dialog を閉じる方法 | CodeNote

    カテゴリー アクセス解析 (2) Analysis (1) Android (7) Apache (6) API (2) Amazon Web Services (66) CloudSearch (1) EC2 (3) RDS (1) SES (1) Backbone.js (1) BigQuery (1) Blockchain (3) Blogger (1) Book (119) Bootstrap (4) Configuration Management (3) Cacti (1) Capistrano (2) CentOS (15) Chef (1) Chrome (10) ClamAV (1) CMS (2) CODA (1) CoffeeScript (1) CORESERVER (4) 仮想通貨 (1) CSS (22) Sass (6) CSV (1) DNS (1) 資料

    stealthinu
    stealthinu 2017/02/01
    jQueryUIでモーダル作ってその中のiframe内から元のモーダル閉じる方法。window.parent経由で親のjQuery使えば良い。
    リンク

  • 20160930 フロントエンド高速化 業務編 (社内勉強会)

    バックアップと障害復旧から考えるOracle Database, MySQL, PostgreSQLの違いRyota Watabe

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

  • jQuery.ajaxの代わりにSuperAgentを使う - Qiita


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

    jQuery.validationEngine v3.1.0 Looking for official contributors This project has now been going on for more than 7 years, right now I only maintain the project through pull request contributions. However, I would love to have help improving the code quality and maintain an acceptable level of open issues. Summary jQuery validation engine is a Javascript plugin aimed at the validation of form fiel

    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(ネガニン)

    Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/neganin/web/neganin/wp/wp-content/plugins/jetpack/_inc/lib/class.media-summary.php on line 77 Warning: "continue" targeting switch is equivalent to "break". Did you mean to use "continue 2"? in /home/users/1/neganin/web/neganin/wp/wp-content/plugins/jetpack/_inc/lib/class.media-summary

    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 メ

    jQuery 1.7、1.8 で非推奨になったイベントのメソッドと Ajax 関連のメソッドとイベント - Sarabande.jp
    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とか直接操作系との併用は不可。
    リンク

  • SeleniumでjQueryを利用する | colori

    jQueryをSelenium内に取得する Seleniumを使っていて、テストページ内要素をjQueryで指定したりしたい場合、テストページ内にjQueryを埋め込んだあと、Seleniumで「jQuery」にアクセスしてjQueryを取得します。 取得するには、まずwindowオブジェクトを取得し、Firefoxのバージョンによって「wrappedJSObject」を経由するか、直接取得できるかが異なるため、条件分岐で判定して取得するようにします。　取得したjQueryは利用しやすいように変数に格納します。 その後、取得したjQueryを使って要素にアクセスします。 以下のテストケースは、まずjQueryを取得して変数に格納した後、電話番号フォーム値が「090」になっているかどうかをチェックしています。 テスト対象要素 <input type="text" id="tel1" name

    stealthinu
    stealthinu 2014/08/29
    seleniumからjQueryを使う方法。テスト用に無理矢理hidden値を変えたい場合などjQueryで変更出来るようになった。
    リンク

  • screw-axis.com

    This domain may be for sale!

    stealthinu
    stealthinu 2014/08/15
    jQuery Mobileの要素でcheckbox/radio/selectはrefreshをしないと見た目の更新がされない。ちなみに独自のコントロール要素のslider/flipも。
    リンク
  • 1 2 3 4 5 6 次のページ

お知らせ

もっと読む

公式Twitter

  • @HatenaBookmark

    リリース、障害情報などのサービスのお知らせ

  • @hatebu

    最新の人気エントリーの配信

はてなブックマーク

公式Twitter

はてなのサービス

  • App Storeからダウンロード
  • Google Playで手に入れよう
Copyright © 2005-2024 Hatena. All Rights Reserved.