タグ

jQueryに関するn314のブックマーク (11)

  • Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性

    Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性 最近リリースされたSafariとChromeで、CSSのSelectors Level 4(現時点でドラフト)仕様にある疑似クラス「:has()」が相次いで実装されました。 疑似クラス「:has()」は、カッコ内に要素を書くと、その要素を持つ親要素にのみ指定したスタイルを設定できる、という便利な機能を提供してくれます。 ところがこの「:has()」のChromeにおける実装は、jQueryで似たような機能(カッコ内の要素を持つ親要素を選択する)を提供する「:has()」に悪影響を及ぼし、このjQueryの「:has()」を使っているWebサイトでは、Chromeを利用した場合に一定の条件下でWebサイトが壊れるなどの問題を引き起こすことが分かりました(同じエ

    Chromeに実装された疑似クラス「:has()」がjQueryの「:has()」に悪影響、一定の条件下でWebサイトが壊れる可能性
    n314
    n314 2022/09/21
  • 脱jQueryのためにしたこと - Qiita


    jQuery - ICS MEDIA 64000PV480 Google辿
    脱jQueryのためにしたこと - Qiita
    n314
    n314 2017/04/25
    Vue.jsのHTMLが古き悪きPHPみたいだ…。自分なら「検索結果を受け取ったら」のサーバー部分をHTMLで返しちゃうかな。
  • 【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita

    はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。 原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。 注意: 長いです。主要な変更点は前回の記事【翻訳まとめ】jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide 全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正 サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上

    【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
    n314
    n314 2016/06/13
  • [JS]このアイデアは面白い!セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]

    フォームのセレクトボックスは多くの選択肢を配置できる便利な要素ですが、他のフォームと操作性が異なるため一連の流れで入力しにくいのが弱点です。 セレクトボックスの操作性を改善し、デザインも簡単に変更できるスクリプトを紹介します。Quickの名前の通り、すぐに選択できるようになります。 通常のセレクトボックスの挙動 セレクトボックスは、タップとクリックの2つのオペレーションがあります。これはフォームの他の要素と操作性が異なり、ユーザーをフォームの一連の流れから外してしまうものです。 そこで注目すべき点は、通常セレクトボックスの選択肢の中にはより多く選択されるものがあることです。上記の例だと、「はい」「いいえ」が多いでしょう。 Quick[select]は、セレクトボックスの選択肢の中から、いくつかを表示させておくことができます。

    [JS]このアイデアは面白い!セレクトボックスの選択肢をすぐに選択できるようにするスクリプト -Quick[select]
  • jquery 1.xと2.x の違い、さらに動作を高速にするための設定 | まとめーたー

    photoBy: http://www.jose-aguilar.com/blog/wp-content/uploa…まずは jquery 1.x と 2.x の違い 1.x 系は IE8 以前をサポートするが遅い、重い 2.x 系は IE8 以前のサポートは捨てて、いるが軽い、早い アイルトン・セナじゃあるまいしそんなに早くしてどうすんの?Webページがたった1秒高速化するだけでECサイトなんか、売上が10%向上した事例もあります。 使い分ける対応していないIE8以下には古いjqueryを読み込ませます <!--[if lt IE 9]> <script src="jquery-1.9.1.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="jquery-2.0.0.js"></script> <script s

    n314
    n314 2014/07/17
  • http://valums.com/ajax-upload/

  • Plupload: All Runtimes

    <h3>Flash runtime</h3> <div id="flash_uploader">Your browser doesn't have Flash installed.</div> <h3>Silverlight runtime</h3> <div id="silverlight_uploader">Your browser doesn't have Silverlight installed.</div> <h3>HTML 4 runtime</h3> <div id="html4_uploader">Your browser doesn't have HTML 4 support.</div> <h3>HTML 5 runtime</h3> <div id="html5_uploader">Your browser doesn't support native upload

    n314
    n314 2012/04/07
  • placeholder 属性と jQuery で IE にもプレースホルダを


     input  textarea 使HTML5placeholder  jQuery   input  textarea 使   HTML5placeholder IE
    placeholder 属性と jQuery で IE にもプレースホルダを
  • jQuery UIのデザインをオリジナルに変更したサンプル


     jQuery UI  jQuery UI 使  jQuery UI使 Bootstrap使 Selene  Sample 使CSSSelene使 <link type="text/css" href="ui-selene/jquery-ui-1
    jQuery UIのデザインをオリジナルに変更したサンプル
    n314
    n314 2012/03/06
  • jQuery 1.7の更新内容をまとめたよ。 | Ginpen.com

    jQuery 1.7が公開されたので、早速1.6.xからの更新内容をまとめてみました。 jQuery: » jQuery 1.7 Released (リリース記事) Version 1.7 – jQuery API (公式ドキュメント、1.7で変更があったもののみ) 1.7 all tickets – jQuery Core – Bug Tracker (1.7の全チケット) リリース記事の翻訳じゃないです。 主な変更点 個人的に気になったものをピックアップしてみますよ。 既存の .bind()や .live()等に置き換わる .on(), .off()を追加 .bind(), .delegate(), .live()が統合されました。(これらも引き続き使用できます。) →詳細後述します。 toggleと.stop()の連携を改善 toggle系と組み合わせた際におかしくなってしまうのが改

    n314
    n314 2012/02/08
  • ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門

    Webデザイナー、(X)HTMLCSSコーダー、マークアップエンジニアが扱いやすいJavaScriptライブラリー「jQuery」を基礎から解説。プログラムの基的な書き方から、実務で使えるサンプルまで。jQueryをマスターして仕事の幅をぐっと広げよう。<cj:inc template="792" element_id="499288" />

    ASCII.jp:Web制作の現場で使えるjQuery UIデザイン入門
    n314
    n314 2012/01/20
  • 1