jQuery UI と BootstrapのTooltipの競合を回避して共存させて両方使う - Qiita
よく使いそうで忘れそうなので個人メモ。 タイトルの通り。jQueryUIとBootstrapのTooltip関数は名前が同じなので競合する。実際の動作は対象へのホバーでツールチップが表示される、というもので、使い方は同じだけれど、その設定や挙動は結構違う。 Bootstrapはhtml要素自体にパラメータを設定したりできるのでjsファイルを用意する必要がなかったりして、その分では便利だけれど、ajaxでデータを持ってきて表示させたりする時に不便。htmlコードも扱えるけれど、複雑なコードを書こうとすると面倒くさい。title=''に基本全部書き込む必要があるので、例えば、 これはあからさまだけれど、画像のsrcが表に出てきちゃう。divとかリスト要素のネストとかを複雑に入れ込もうとすると、その中の"'に全部気を配るのは大変だし、非生産的このうえないわけで。 もちろん、BootstrapのT
細かすぎて伝わらないjQuery拡張 (12)
この記事は賞味期限切れです。（更新から1年が経過しています） $.parseQuery() は、URLのサーチ文字列（”?key=value&key2=value2″ のような）をパースしてキーと値を取得してくれる関数です。 $.parseQuery(str, asArray) 使い方 var str = "http://www.example.com/?name=john&age=23"; $.parseQuery(str); // => {name: "john", age: "23"} $.parseQuery(str, true); // => [{key: "name", value: "john"}, {key: "age", value: "23"}] URL文字列を渡した場合は、サーチ文字列だけをパースします デフォルトではキーと値のセットのオブジェクトを返します 第二引数
jQuery Rowspanizer - 動的にHTMLテーブルのrowspanを設定
これは良いアイディア！ HTMLでテーブルはよく使われます。検索結果やレポーティングなど活躍の幅は広いです。そしてデータを表示する際に、重複した項目はセルを連結して表示するでしょう。しかし、colspan/rowspanをシステムで動的に設定するのは非常に面倒です。 そんな時に使ってみたいのがjQuery Rowspanizerです。指定したテーブルを解析し、重複部分を連結してくれます。 jQuery Rowspanizerの使い方 元の表示です。 このようになります。 JavaScriptで処理を行ってくれるならば、システムはすべての行を出力するだけで良くなります。jQuery Rowspanizerが行ってくれるのはrowspanに限定されますが、同様の仕組みでcolspanに適用するのも難しくなさそうです。 jQuery RowspanizerはjQuery/JavaScript製の
jQuery で HTML テキストを escape する方法 - Free lancer’s blog
例えば、外部からもらったテキストを var text = jQuery( 'input[name="xxxx"]' ).val(); jQuery( 'xxxx' ).html( text ); なんてすると、XSS してくださいと言っているようなもの。 けど、jQuery 及び Javascript には escape 関数が用意されていない。 Javascript の escape 関数は主に全角文字、特殊文字をエスケープするもので、HMTL タグをエスケープするものではない。 関数を用意してもいいのだけど、スマートな方法を発見したので、覚書 var text = jQuery( 'input[name="xxxx"]' ).val(); text = jQuery( '<span/>' ).text( text ).html(); こうすることで、何とエスケープできてしまう。 ポイン
一休.comホテルページのスマホ版からjQuery依存を取り除くためにやったこと - 一休.com Developers Blog
一休.comでWebフロントエンドを開発している宇都宮です。 先日、一休.comホテルページのスマホ版から、jQueryを取り除きました。jQueryを取り除いた経緯、やったこと、結果について書きます。 ちなみに、ホテルページには以下のURLでアクセスできます（スマホで開くか、PCの場合はUAをスマホに偽装する必要があります） https://www.ikyu.com/sd/00001290/ なぜjQueryを取り除いたのか？ どうやったのか 何をやったのか jQuery.ajax() => fetch に置き換え fetchのpolyfillを採用した理由 DOM操作を標準APIに置き換え 要素の取得 show/hide addClass/removeClass html/text アニメーション $.ready() イベントフィルタリング jQueryの使用を防ぐ目印 jQuery削
jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです
jQueryが必要とされなくなってきたのは, Reactなどの他のフレームワークが登場したせいではなく, 標準DOM APIが進歩したおかげです JavaScript Advent Calendar 2017 - Qiitaの2日目の記事です. 何故この記事を書こうと思ったか JavaScriptの定番ライブラリであるjQueryは, 最近以前と比べて必要とされなくなってきました. その理由はよく, Reactなどの他のフレームワークが登場したせいだと勘違いされています. しかし, jQueryが必要とされなくなってきた理由は標準DOM APIの進歩によるものです. この記事ではそれを書いていきます. なお, この記事ではReact Nativeについて触れる必要がないため, React DOMのことも一緒くたにReactと記述します. また, 私がweb開発を開始したのは3年前ぐらいから
$(function(){}) と $(window).on('load',function(){}) の違い - Qiita
ページ読み込み時に処理を実行したい場合、いろいろな書き方があると思います。 このあたりの違いをまとめました。 種類 jQueryのready と jsで昔から愛用されているonload がある。 ready $(function(){ alert('Hello'); }); //または $(document).ready(function() { alert('Hello'); }); //または jQuery(function() { alert('Hello'); }); //または jQuery(document).ready(function(){ alert('Hello'); }); //JavaScript document.addEventListener('DOMContentLoaded', function(){ alert('Hello'); }, false);
EmojiOne Area - jQuery製の絵文字ピッカー
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 絵文字はここ数年で一気に使われるようになってきました。チャットサービスはもちろん、コメントで使われたり、iOS/Androidのようにキーボードの中で提供されるようにもなっています。コミュニケーションの基本にさえなっていると言えそうです。 そんな絵文字をWeb上で使いやすくするのがEmojiOne Areaです。ぜひ自分のサイトに組み込んでみましょう。 EmojiOne Areaの使い方 デモです。テキストエリア、テキストボックスに絵文字アイコンが表示できます。 右上のアイコンをタップすると一覧が出ますので、ここからアイコンを選択できます。 オートコンプリートもあります。 EmojiOne Areaでは自動補完はしないようにしたり、特定のカテゴリを非表示するようなオプションも指定で
jQuery contextMenu (2.x)
Contextmenu plugin & polyfill Features Authors License The contextMenu Plugin was designed for web applications in need of menus on a possibly large amount of objects. Unlike implementations as a beautiful site's or trendskitchens' this contextMenu treats the menu as the primary object. That means, that a single menu is defined that can be used by multiple objects. Unlike the mentioned plugins, co
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
jQuery Group
jQuery Group - Round-robin tournament groups jQuery Group is a UI component for displaying and editing round-robin tournaments. It's sister project to jQuery Bracket which does the same for single and double elimination brackets.. The project is not yet really in production shape. If you wish to see how the development progresses, please subscribe (star) to the repository at the project's GitHub p
jQuery Bracket
jQuery Bracket library [server] jQuery bracket is a jQuery plugin that lets users create and display single and double elimination brackets for tournament play. NEWNeed a tool for round-robin tournament groups? Check out the new jQuery Group library that's under development! Installation and project sources You can use npm or bower to install the library as a dependency to your project. npm instal
jQueryのカスタムデータ属性(data-*)の設定/取得の挙動が思ったのと違った件 - Qiita
jQueryでカスタムデータ属性(data-*)の設定/取得を行うメソッドにはdata()とattr()があるけど、全く別物だったのでメモ。 結論から言うと attr() HTMLのカスタムデータ属性(data-*)を読み書きする 値は常に文字列として扱われる data() jQuery内のキャッシュのデータを読み書きする（ただし、取得時に該当キャッシュが無ければカスタムデータ属性を取得する） 値には自動で型が設定される（文字列、数値、Bool値、オブジェクト、配列） たとえば
jQueryは有害なのか | POSTD
ずっと「～は有害なのか」という記事を書いてみたかったんです ^(1) 。 まず本題に入る前に、1つ言わせてください。 jQueryはWeb業界の発展に大いに役立った と私は考えています。jQueryがあることで、開発者はこれまで想像もできなかったことをできるようになりましたし、そういった機能をブラウザの製作者がネイティブに実装するきっかけにもなりました（もしjQueryが開発されていなければ、今でもdocument.querySelectorAllは存在していなかったでしょう）。jQueryは、今ある便利なツールを使うことができなかったり、IE8やそれ以下の過去の遺産をサポートしなければならない際に今でも必要になってきます。 しかし、そのようなケースはもはや稀なものとなりました。Web開発者の大半は、マーケットシェアの縮小した古いブラウザをサポートする必要はありません。更に、忘れてはならな
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Deprecated | jQuery API Documentation
jQueryUI Tooltips are competing with Twitter Bootstrap
Using JQuery UI and Bootstrap togheter in the same web page
GitHub - underovsky/jquery-tagsinput-revisited: Revisited version of popular jQuery Tags Input Plugin
GitHub - mervick/emojionearea: Emoji Picker Plugin for jQuery
GitHub - karacas/imgLiquid: jQuery plugin to resize images to fit in a container.
