jQuery 4.0.0 BETA! | Official jQuery Blog
jQuery 4.0.0 has been in the works for a long time, but it is now ready for a beta release! There’s a lot to cover, and the team is excited to see it released. We’ve got bug fixes, performance improvements, and some breaking changes. We removed support for IE<11 after all! Still, we expect disruption to be minimal. Many of the breaking changes are ones the team has wanted to make for years, but co
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サイトが壊れるなどの問題を引き起こすことが分かりました（同じエ
HTML5のdata属性の名前をRailsのViewで付ける時と、jQueryからアクセスする時の注意 - Qiita
HTML5のdata属性の名前をRailsのViewで付ける時と、jQueryからアクセスする時の注意RailsHTML5jQuery HTML5のdata-* 属性名は XML-compatibleかつ先頭3文字が「xml」でない文字で書かないといけません。 XML-compatibleとは 先頭が英文字または、「_(アンダースコア)」 で始まり2文字目移行が「-(ハイフン)」「.(ピリオド)」 を含む英数字。 （ 「.(ピリオド)」 は使わないほうがよいらしい） RailsのViewで書く時の注意 Viewで要素のデータ属性を下のように書くときがある。 RubyのSymbolでは「-(ハイフン)」を使えないので以下の様には書けない。
jQuery DOM操作あれこれ - Qiita
TL;DR ・jQueryでのDOM操作チートシート的な何か 何故書いた webシステム開発の場からは、徐々に姿を消しつつありますが、レガシーなシステム、プロジェクトではまだまだ現役なjQuery。リファクタ等で自分自身や同僚も苦しんだ事があったので、あえて今書いてみました 技術的な制約(&どう考えても謎すぎる政治的理由)等で、プロジェクトとしてjQueryを利用せざるを得ない環境に置かれて、開発やリファクタリングに苦しめられている方々の一助となれば幸いです 最低限、DOMの操作に関して、今より更に分かっていなかった頃の自分が「これは知れてよかった!」と感じたapiや利用方法のみ、記載しています。不足、認識間違い等あるかもしれませんが、その際は生暖かく見守るかご指摘頂ければと思います DOMの取得 まずはここから 『$』関数の第1引数にセレクタ文字列を指定 取得されるのはjQueryオブジ
jQueryでチェックボックスを操作するさまざまな方法
jQueryでチェックボックスのチェック状態や値の取得、チェックを付けたり外したり、チェック数の制限などさまざまな方法をご紹介します。 通常のイベントでは動かない、jQueryイベントで追加したチェックボックスの操作方法なども併せてお伝えします。 attr() は使わない attr()を使ったチェックボックスの操作は不具合が生じるため、本ページではチェックボックスの取得やチェック等の操作にattr()は使っておりません。 ※もちろん、それ以外については通常どおりattr()は使いますよ。 チェックボックスの取得 チェックが入っているかの状態や、チェックボックスの値を取得、また複数のチェックボックスの値を配列に格納する方法です。 チェックの状態を取得 チェックの状態を取得する3つの方法を一気にご紹介します。 HTML
スナック「jQuery」 - Qiita
……あら、いらっしゃい。 若いお客さんなんて珍しいわねえ。昔は、この街一番の人気店でね、若いお客さんもたくさんいたんだけどさ。最近はめっきり減っちゃってね。 何飲む？ ……水割り？ わかったわ。 じゃあさ、ちょっとだけ、あたしの昔話に付き合ってもらってもいいかしら。 What is jQuery? この店――『jQuery』がオープンしたのって、2006年なんだけどさ。その頃の、この街の様子って覚えてる？ ……知らないか。あなた、まだ若いもんね。その頃って、そりゃあヒドイもんだったのよ。 その頃、シェア率トップだったブラウザって、もちろんInternet Explorerだったんだけど。当時はバージョン7が登場したばかりで、あの悪名高きIE6もまだまだ主流だったの。 他のブラウザは、Safariがバージョン3がMacとWindowsに公開されていた頃で、Firefoxはまだバージョン2.0
jQuery リファレンス：scrollTop
索引 ├ リファレンス目次 ├ アルファベット順 └ 検索 Core：コアとなる仕組み ├ 目次 ├ jQuery(selector) ├ jQuery(html) ├ jQuery(function) ├ jQuery.holdReady() ├ jQuery.noConflict() └ jQuery.sub() 他ページ参照 └ jQuery.when() Selectors：セレクタ └ 目次 基礎 ├ *（すべて） ├ element（html要素） ├ #id名（ID属性） ├ .class名（clas属性） ├ 複数のセレクタ(and) └ 複数のセレクタ(or) 階層関連 ├ 先祖 子孫 ├ >（子要素） ├ +（直近の後要素） └ ~（後要素） 属性 ├ [属性名] ├ [属性名='値'] ├ [属性名!='値'] ├ [属性名^='値'] ├ [属性名$='値'] ├
ASCII.jp：
アクセスランキング Apple AirTagは窃盗対策に使えなくなったってホント？ 自作PC 簡単に固定ナットのネジ穴作りができる「ちょっとナッターII」が便利でした PC とうとうWindowsからコントロールパネルが廃止! マイクロソフトが公表 トピックス 普通預金の金利が高い、超オススメの銀行はこちら トピックス 楽天モバイル料金を全額ポイントで支払っている僕が伝えたい爆裂お得なキャンペーン デジタル PS5がほぼ8万円に、だったら9万円台のゲーミングPCを選んでみては？ スマホ シャープ「AQUOS R9」はデザインやチップの変更で評価が分かれたが、実機であらためて実力を検証した iPhone 【iPhone 16の噂＆予想まとめ】まもなく登場iPhone 16はどうなる!? これ読んで待とう！ iPhone アップル「iPhone 16 Pro」新色は「デザートチタニウム」か P
【脱jQuery】JavaScriptをネイティブで書くときのあれこれTips | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちは、デザイナーの奥田です。 最近では「脱jQuery」や「Vanilla.js」という言葉が流行っていますがjQueryをはじめに覚えた僕としてはなかなかハードルが高いイメージでした。 jQueryを切り捨てるメリットとしては「ファイルサイズ」や「表示速度」があると思います。そこまで大きな差は感じないかもしれませんが少しでもクオリティを上げるためであれば切り替えてみてもいいかもしれません。 今回は脱jQueryする際によく使う書き方をjQueryとNativeを見比べながら解説していきたいと思います。 Table of contents要素の取得イベントの操作クラスの操作属性の操作スタイルの操作ループ処理Vanilla.jsのプラグイン最後に要素の取得IDはDocument内に1つというルールがあるので取得はgetElementByIdで取得するのが手っ取り早いでしょう。 ID//
jQuery - Wikipedia
jQuery（ジェイクエリー）は、ウェブブラウザ用のJavaScriptコードをより容易に記述できるようにするために設計されたJavaScriptライブラリである。ジョン・レシグが、2006年1月に開催された BarCamp NYC でリリースした。様々な場面で活用されており、JavaScriptライブラリのデファクトスタンダードと呼ぶ者もいる[2]。ロゴの下に表記されているキャッチコピーは「write less, do more」（「少ない記述で、もっと多くのことをする」の意）。 jQueryには次のような機能・特徴がある。 ブラウザに依存しないオープンソースのセレクタエンジン Sizzle を使ったDOMエレメントの選択（Sizzle は jQuery プロジェクトからスピンアウト）[3] DOM操作と変更（CSS 1-3 と基本的なXPathのサポートを含む） イベント CSS操作
マイクロソフト、jQueryへの全面的な支持を発表
マイクロソフトはクライアントサイドのAjaxアプリケーションを開発するテクノロジーとして、jQueryを最優先（Primary Technology）にするという方針を明らかにしました。 すでにASP.NETチームの担当者はフルタイムでjQueryのコアライブラリの開発に参加しており、これまでASP.NET Ajax Libraryを使ってアプリケーションを開発してきたデベロッパーには、jQueryへ移行するように勧めています。 MIX10のキーノートにjQueryの開発者登場 ラスベガスで行われているマイクロソフトのイベント「MIX10」、2日目のキーノートスピーチで同社バイスプレジデントのScott Guthrie氏は、「18カ月前、製品の一部にjQueryを含めて出荷を開始しオフィシャルなサポートを提供してきた、昨年にはAjax CDN（コンテンツデリバリネットワーク）を通じてjQu
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
jQueryのoff()を使いこなす
jQueryのoff()を使いこなす jQueryにはバインディングしたイベントを取り除くoffメソッドがありますがこれは影響範囲を考慮せず利用すると想定しないイベントまで取り除いてしまいます。 イベントを限定する 例えば以下のように#barにclickイベントとmouseoverイベントがバインディングされてるとします。 $("#bar").click(function(){...(中略)...}); ... (中略) ... $("#bar").mouseover(function(){...(中略)...}); ある条件の場合、clickイベントが不要なケースで単純に「$("#bar").off()」とするとclickイベントもmouseoverイベントも取り除かれてしまいます。 そういったケースを防ぐ為にイベントを引数で指定します。 $("#bar").off("click");
jQueryオブジェクトが空かどうかを調べる確実な方法 | PisukeCode - Web開発まとめ
jQueryで要素の操作に欠かせないもの・・・それがjQueryオブジェクトです。 これがあるからこそ要素の操作が簡単になる訳ですが、気を付けないといけないことがあります。 それは空かどうかを判定するのに null や undefined は使えない、ということ ということでここではjQueryオブジェクトが空かどうか調べる正しい方法について紹介します。 そもそもjQueryオブジェクトとはなにか まずjQueryオブジェクトってそもそもなんなの？ という話ですがこれはjQueryでJavaScriptのノード要素を扱いやすくしたものです。 これはjQueryを使っているとあらゆる場面で使われています。 例えば次のようにセレクタとかHTMLから要素オブジェクトを取得したり、
closest([expr]) - jQuery 日本語リファレンス
jQuery 1.3より。 開始要素から最も近い親要素を選択します。引数にセレクター書式を指定した場合、マッチする最も近い親要素を返します。 フィルタにマッチすれば、開始要素そのものが返る場合もあります。 ルートドキュメントまで辿ってもマッチする要素が無い場合、戻り値はnoneになります。 closestは、特にイベント操作で便利です。
範囲外クリックでポップアップを閉じる正しい JQuery - Qiita
ポップアップを表示して、その領域外をクリックされた時にそのポップアップを閉じたい、といった処理はよくあります。しかしこれを実装する時にちょっとした気をつける点があります。 よく見かけて気になっている悪い例 Stackoverflow などでよくある処理としては、クリックイベントを全検知して、Pop up を閉じるような処理をしてしまう。もし自分自身だったら stopPropagation()1 して、イベント伝播しなくする。理由としては stopPropagation() しないと、ポップアップそのものをクリックした時に閉じてしまうのを防ぎたいからです。 例えばこういったコードです。 $('#target_element').click(function(event) { event.stopPropagation(); });
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - jquery/jquery: jQuery JavaScript Library
jQuery - イベント時にテキストエリアの末端移動｜ひとりPython3アプリ制作、分析、解析
jQueryでtextareaの最下部にスクロールする
.closest() | jQuery API Documentation