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サイトが壊れるなどの問題を引き起こすことが分かりました（同じエ
jQuery 便利なonを使おう（on click) - Qiita
対象者 click()とon('click', function())の違いが分からない人。 click()しか使ったことのない人。 何も考えずにon('click', function())を使っている人。 onの有用性 クリックイベントを書くとき
【jQuery+Typescript】jQueryにアロー関数を渡してはいけない - Qiita
TypescriptでjQuery使っててハマったので。 アロー関数便利！！！って言いながら次のようなコードを書くと意図した通りに動きません。 $(function(){ //マウスを要素に重ねると背景色が変わって欲しい $('.btnlist').mousehover(()=>{ $(this).css('background-color', 'red'); }); })
jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発
jQuery UIとjQuery Mobileがついに開発終了、今後はメンテナンスのみに。jQuery本体は引き続き積極的に開発 JavaScriptのUIフレームワークであるjQuery UIと、モバイルアプリケーション向けフレームワークであるjQuery Mobileは今後新規機能の開発が行われず、jQuery UIについてはメンテナンスへ移行、jQuery MobileについてはDeprecated（利用を推奨せず）になることがOpenJS Foundationから正式に発表されました。 jQuery UIは2007年に登場、jQuery Mobileは2011年に登場しました。一時期はWebサイトなどで広く使われ、関連書籍なども数多く出版された主要なライブラリ群の開発が正式に終わることになります。 ただしjQuery本体の開発は引き続き積極的に行われていくとのことです。 Follo
JSのスプレッド構文を理解する - Qiita
JavaScript/TypeScriptのスプレッド構文(Spread Syntax)のまとめです。なおタイトルではJSといっていますが以下のコードは全てTypeScriptで書いて確認しています。基本構文は変わらないはずなのでご了承ください。 スプレッド構文(Spread Syntax) ...fooの形で記述され、配列やオブジェクトの要素を文字通り展開する構文。流石にそれだけだとピンとこないので配列とオブジェクトそれぞれの場合で例を見ていきます。 配列の場合 const foo = [1, 2]; // 配列のクローン const bar = [...foo]; // => [1, 2] // 要素を追加して新しい配列を生成 const baz = [...foo, 3, 4]; // => [1, 2, 3, 4] // 配列をマージ const hoge = [...foo, .
jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能
jQuery依存を脱した「Bootstrap 5」正式リリース、IEもついにサポート対象外に。右からの横書き「RTL」など新機能 複雑なHTMLやCSSを記述しなくとも、簡単にWebページをデザインできるフレームワーク「Bootstrap」の最新版、「Bootstrap 5」正式版がリリースされました。 One more time, we're gonna celebrate—Bootstrap 5 has officially arrived! New accordion and offcanvas components, no more jQuery, no more IE, RTL support, new utilities and utilities API, new examples, new docs, and so much more! https://t.co/yWnJv
TypeScript&jQuery-uiで要素の並び替えを行う - Qiita
結果 → 「なんでエラー吐くんや…」 node_module内のjquery-uiを見てみると、distというディレクトリがない。そら読み込めへんわな ということで必要な奴を直接読み込もうか あと、ちょいと工夫をして… import * as $$ from "jquery"; if (typeof (<any>window).$ === "undefined") { (<any>window).$ = $$; } if (typeof (<any>window).jQuery === "undefined") { (<any>window).jQuery = $$; } import * as IScroll from "iscroll"; if (typeof (<any>window).IScroll === "undefined") { (<any>window).IScroll
How to Add jQuery UI Plugin to a Laravel App using Laravel-mix
After some hours of battle trying to include the jQuery UI plugin in my Laravel app using both CDN and downloaded jQuery UI files to no avail, I finally discovered a way around it after a series of researches and I felt it’s worth writing about it. Requirements: Most of the requirements are already shipped with any Laravel project, however, you’d need to install npm if you have not done so. Intro
jQueryでフォームの値を取得する方法をまとめておくので、コピペでご利用ください。 | Ginpen.com
必要ならどうぞ。 デモ jQueryでフォームの値を取得する方法をまとめ – jsdo.it – Share JavaScript, HTML5 and CSS jQueryでフォームの値を取得する方法をまとめ – jsdo.it – share JavaScript, HTML5 and CSS 共通：要素の探し方 input要素なんかにid振っちゃうのが一番なんだけど、属性セレクターを使うと楽な場合があります。つまり[name=xxx]で検索するやり方。 <form id="my-form"> <input type="text" name="my-text" value="This is text." /> </form>
フォームの入力値を検証するjQuery Validation Pluginの使い方
こんにちは、ryohei（@ityryohei）です！ jQuery Validation Pluginはフォームの入力値をリアルタイムに検証するjQueryのプラグインです。入力ルールを設定するだけでユーザの入力した内容をバリデーションしてくれます。エラーメッセージの表示は次の画面よりもその場で教えてあげる方が親切ですよね。入力段階でエラーメッセージを表示することで、戻って入力し直す、なんて手間も省けますし、この方式を採用しているフォームは最近よく見かけます。 jQuery Validation Pluginをダウンロードする jQuery Validation Pluginの公式サイトです。 https://jqueryvalidation.org/ jQuery Validation Pluginの本体は下記のリンクからダウンロードすることができます。 https://github.
jQuery ValidationをTwitter Bootstrapと組み合わせて使う - Qiita
jQuery Validationは名前の通り入力チェックを行うjQuery pluginです。サーバーサイドでチェックを行わないため画面遷移がなく、その場で入力ミスが分かるためユーザービリティーが上がります。 しかし、Twitter Bootstrapでデザインを組んでいると、エラー発生時に入力フォームが赤くならないため、以下のコードを追加します。 errorClass:'error', errorElement:'span', highlight: function (element, errorClass, validClass) { $(element).parents("div[class='control-group']").addClass(errorClass); }, unhighlight: function (element, errorClass, validCla
2019年になってもまだjQueryを使用している理由
現在、jQueryを使用している人、そしてjQueryを取り去ろうとしている人がいると思います。jQueryの使用に対する一つの考え方を紹介します。 Why I'm still using jQuery in 2019 by Martin Tournoij 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は元サイト様のライセンスの元、翻訳しています。 2019年になってもまだjQueryを使用しているのはなぜですか Hacker News での議論 多くの人が「普通のJavaScriptを使えば、jQueryは必要ない」と主張しています。私は多くを必要としないので、jQueryを必要としませんが、確かに便利です。 You might not need jQueryのようなページでは、jQueryを捨てるのは簡単だというアイデアを売り込もうとしていますが、逆にこのページの最初の例
おじさんが若い時はね$.ajax()のオプションでsuccessとかerrorとか指定していたんだよ（追憶） - Qiita
$.ajax({ url: "http://jsrun.it/assets/E/H/Z/t/EHZt3", success: function (data) { $("#results").append(data); }, error: function () { alert("読み込み失敗"); } }); // urlを適当なものに変更すると「読み込み失敗」のアラートが出ます。 jsdo.itで実行する これはInternet Explorer 6(故)が猛威を振るっていた時代の、jQuery1.4くらいの旧い書き方です。「成功したらさらに非同期通信をしたい」「失敗したら別の処理をしたい」等、他の処理が多くなるに連れてコールバック地獄に陥り、バグの温床となります。 もう辞めましょう。。。 イマドキの$.ajax()はこう書く イマドキは、jQueryのDeferredオブジェクトのth
CORS：クロスドメインなAjaxでJSON / JSONPの各種ブラウザ対応まとめ - Qiita
忘れてしまうのでまとめておく。 気をつけること 基本的に jsonp であれば動く json + モダンブラウザは、Access-Control-Allow-Originを設定すれば動く json + IE8,9では、XDomainRequestを使えば動く IE6,7は死亡（もういいよね） プロトコル(http|https) / FQDN / ポート番号、いずれかが違う場合、クロスドメイン BASIC認証があると、別途対応が必要（後述） JSON編 サーバサイド jsonを返すサーバ側にAccess-Control-Allow-Originを設定する。 <?php header('Access-Control-Allow-Origin: *'); header('Access-Control-Allow-Headers: Origin, X-Requested-With, Content
JavaScriptやjQueryでイベントを削除して再登録する方法 - Qiita
よくあるケースではないですが…JavaScriptやjQueryで設定したイベントハンドラを一時的に無効にして、もろもろの処理をした後に再びイベントを復活させたかったので、やり方を備忘録的に残しておきます。 取得して削除して再登録する アプローチは単純で、登録済みのイベントを「取得」→「削除」→「再登録」これだけです。 まず、設定済みのイベントハンドラを取得する必要があります。というかイベントハンドラの取得さえできてしまえばできたも同然です。イベントハンドラは、JavaScriptやjQueryの場合、一般的には下記のパターンがあると思います。そして、それぞれに対して取得方法が変わってきます。 onclick属性で指定
jQuery から Vue.js へのステップアップ - Qiita
はじめに 最近耳にする Vue.js（ビュージェイエス） ってどんなもの？ jQuery とどう書き方違うの？とか、jQuery でやってたこういう事って Vue.js だとどうやるの？jQuery しか使ってないけど Vue.js も使ってみたいなぁ～と思っている人向けの小難しいことは省いた記事です。私もそちら側から来たものです。 Vue.js 日本公式ページ（日本語翻訳率が半端ないと評判） もともと「jQuery から Vue.js への移行」というタイトルでしたが、それだと jQuery を完全にやめる、的なニュアンスになってしまうので、少し変更しました🐹 jQuery と Vue.js の違い jQuery は、セレクタ操作に特化したライブラリで HTML の一部をちょっとだけ弄るには手軽に扱えます。更新のたびにセレクタから要素を探して操作をするため、複数の UI を連携させるよ
[Laravel] 日付入力にjQuery UIのDatepickerを使う – 端くれプログラマの備忘録
// CSS <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> // JS <script src="//code.jquery.com/jquery-1.10.2.js"></script> <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> <script> $(function() { $( "#datepicker" ).datepicker({ dateFormat: "yy-mm-dd" }); }); </script> // HTML {!! Form::open() !!} ..... <div class="form-group"> {!! Form::label
jQuery
Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQuery Validationプラグインの共通エラーメッセージを日本語化する方法 | minory
jQuery Validation Pluginが使いやすくておすすめ - Qiita
