jQuery 3.0 が正式リリース、通常の Web サイト制作で利用するなら軽量版 「Slim build （スリムビルド）」 が便利
jQuery 3.0 が正式リリース、通常の Web サイト制作で利用するなら軽量版 「Slim build （スリムビルド）」 が便利 jQuery 3.0 の正式版がリリースされました。次バージョンからはバージョン番号を統一して 3.0 にすると発表されてから 1年半後、やっとの正式リリース。Ajax モジュールなどを省いた軽量版 「スリムビルド」 も提供されています。 米国時間の 6月 9日付けで、jQuery 公式サイトにてアナウンスされましたが、jQuery 3.0 の正式版がリリースされました。 jQuery 3.0 Final Released! ： Official jQuery Blog 2014年の 10月に jQuery 公式 Blog に投稿された記事 （参考エントリー） で、次期リリースから現状の jQuery 2.x 系の後継を 「jQuery 3.0」、1.x
scrollイベントの負荷を減らす - Qiita
scrollイベントを実行すると処理回数が多くて好きではありませんでした。 いろいろ調べて感じた事、結果どうしたかを書いてみます。 setIntervalを使った処理 var outerPane = $details.find(".details-pane-outer"), didScroll = false; $(window).scroll(function() { didScroll = true; }); setInterval(function() { if ( didScroll ) { didScroll = false; // Check your page position and then // Load in more results } }, 250);
jQuery+CSS3で円が画面全体に広がる系スマホメニュー
jQuery+CSS3で円が画面全体に広がる系スマホメニュー jQuery+CSS3で円が画面全体に広がって表示するようなスマホ用のメニューを作ってみました。 投稿日2016年05月27日 更新日2019年04月13日 HTML HTMLです。nav-bgが円の部分になります。 HTML <header id="top-head"> <div id="top-head-inner"> <h1 id="head-logo">Mobile Circle Navigation</h1> <div id="nav-toggle"> <div> <span></span> <span></span> <span></span> </div> </div> <nav id="global-nav"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">
jQueryの.each()に潜む罠 - 暮らしの技術
.each()の話 jQueryの.each()を使うと，JavaScriptのオブジェクトか配列を対象にした繰り返しを簡単に記述できる．*1 var list = [0,1,1,2,3,5,8,13]; $.each(list, function(index, elem){ console.log(elem * 2); }); // 0 VM2035:4 // 2 VM2035:4 // 2 VM2035:4 // 4 VM2035:4 // 6 VM2035:4 // 10 VM2035:4 // 16 VM2035:4 // 26 VM2035:4 で，このeachにはもう一つ書き方がある． var list = [0,1,1,2,3,5,8,13]; $.each(list, function(){ // さっきは引数にindex, elemを指定していた console.log(
jQueryにおけるattrとpropの違いと使いドコロまとめ - Qiita
checkboxやradioのチェック状態を調べる際にはattrではなくpropを使うのが良い。 attrでも取れないこともないですが、propで取得する方が処理が早いです。 特にIEの場合、inputに対するdisabledの処理がものすごく重く、attrでdisabledやcheckedの処理を沢山していると、無駄に最悪な感じで負荷がかかります。 attrとpropの取得の違い またこの２つは、同じ値を取得してるようで異なる値を取得するので注意。 例えば //チェックした値を取得するよー $(":checkbox").click(function() { alert($(this).prop('checked')); alert($(this).attr('checked')); }); の場合、 チェック時 prop true attr checked 非チェック時 prop fal
【jQuery】jquery.validate.jsの覚書 | 電脳備忘録
MovableTypeのプラグイン「メールフォームプラグイン」を使ってお問合せフォームを作ったのですが、このプラグインデフォルトのバリデーションチェックでは仕様を満たすことができなかったので、jquery.validate.jsで対応することにしました。 各種設定方法は参照先を見るとして、とりあえず自分が行った作業を振り返っておこうと思います。 メールフォームプラグイン jquery.validate.jsの超訳 利用したパラメータ required: true 必須項目にしたい項目に設定 email: true メールアドレスのチェックを行うときに設定 groups: 姓・名と入力を分けた場合、それぞれでエラーメッセージを表示されるのですが、、エラーメッセージをまとめて表示させたい場合はグループ化させるとよいみたい。 messages: 表示するエラーメッセージを設定する errorPl
jQuery Validation Plugin 簡単な使い方まとめ - Qiita
$("form").validate({ rules: { "menu[]" :{ required: true }, date :{ require_from_group: [1, ".date_group"] } }, messages: { "menu[]":{ required: "ご希望のメニューを選択してください" }, date :{ require_from_group: "日時を選択してください。" } } }); rulesにはそれぞれのname属性に対するチェック項目を決められます。 チェックボックスなんかで「name="menu[]"」としている場合は 「"menu[]":{}」という感じで囲ってあげてください。 messagesにはそれぞれのチェック項目に対するエラー内容（テキスト）をいれます。 focusした後に何もせずblurした場合もチェックする
jQuery Validate Pluginの解説とValidate 日本語環境用PluginとjQuery Form Pluginとの連携 - くらげだらけ
前回、フォームをAJAXでうんちゃかするjQueryFormPluginのエントリーを書きましたけど、フォームと言えばValidateですよね。 ってことでjQueryValidatePluginについてもサラサラ見ていたので、こっちも日本語Document化したのを書いておく。 で、日本語化して書いていたら思ったよりも量が多くて少し適当な感が否めないような感じになっているかもしれません。 必要なさそうなところは一部飛ばしているしー、たまにおかしいところがあるかもしれませんが悪しからず。そんときはコメントくださーい。 あ、あとエラーメッセージ等のローカライズ版と日本語環境用のValidateメソッドを新たに追加するスクリプトも書きました。 デフォルトだと半角英数のみとかー、ひらがなのみとかーできないんでー それから、もともとの目的のjQuery Form Pluginとの連携でAJAXなん
「クリップボードにコピー」を実装する - Qiita
clipboard.js を使う clipboard.js — Copy to clipboard without Flash ↓ github にあるこんな感じのものを作ります。 デモを下記に置きました。 HTMLは下記のような感じ。 ボタンの data-clipboard-target="XXX" の部分にコピー対象のエレメントを指定しておく。 <html> <head> <meta charset="UTF-8" /> <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script> <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.3/clipboard.min.js"></script> <script> $(function () { var cli
clipboard.js
Why Copying text to the clipboard shouldn't be hard. It shouldn't require dozens of steps to configure or hundreds of KBs to load. But most of all, it shouldn't depend on Flash or any bloated framework. That's why clipboard.js exists. Install You can get it on npm. npm install clipboard --save Or if you're not into package management, just download a ZIP file. Setup First, include the script locat
【jQuery】複数の要素に対して繰り返し処理をする（each・for） - TASK NOTES
HTMLで特定の要素を全て取得して回したい場合はJavaScriptなどで繰り返し処理をしますが、jQueryを使った場合の方法をまとめます。 対象としてはこのようなHTMLの場合です。 <div class="comment">コメント1</div> <div class="comment">コメント2</div> <div class="comment">コメント3</div> ... .each()メソッド jQueryで繰り返しといえばeach()メソッドです。基本的な構文は以下の通り。 $('セレクタ').each(function(index, element){ 〜 }); 第1引数には各要素のインデックス番号が、第2引数には繰り返し処理中の要素が参照されます。2つの引数はどちらも省略可能です。このメソッドを使えば要素数分、繰り返して指定した関数を実行してくれるわけですね。簡
初心者でも分かる！な、jQueryの「TOPへ戻るボタン」の作り方
ページをスクロールすると右下に出てくる「TOPへ戻るボタン」の作り方を、jQuery初心者にも分かるよう説明しています。
スクロールイベントの開始 / 終了 / 方向を判定する jQuery プラグインを書いてみた - Cyokodog :: Diary
バージョンアップしました。詳細は以下記事をご覧ください。[Ex Scroll] スクロールイベントの開始／終了、方向を判別できる jQuery プラグイン - Cyokodog 需要なさそうですが、備忘録ということで。 只今、以前作成した exFixed.js という jQuery プラグインの機能拡張を行っており、その中で、 スクロールイベントの開始、終了時にのみ処理を行う その際、スクロールイベントのスクロール方向に応じて処理を変える という実装が必要になりました。 jQuery におけるスクロールイベントの割当は下記のような記述になりますが、このままではイベントの開始,終了,スクロール方向は判別できません。 $( element ).scroll( function( evt ){ //スクロールイベント内処理 }); 以下の実装で判別できないか考えてみました。 スクロール方向の判別
jQuery 1.12.1 and 2.2.1 Released | Official jQuery Blog
As the jQuery team prepares for a 3.0 final release, we continue to maintain the 1.12 and 2.2 branches. These two patch releases fix a few bugs and improve stability. The most significant bug fix involved a problem with the .position() method, which affected how jQuery UI tooltips were positioned in Internet Explorer. We do not expect this release to have any breaking changes, but if you do encoun
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
input type=submit でページを更新"しない"方法。 - Qiita
Redirecting
https://forum.jquery.com/portal/en/community/topic/jquery-validate-defining-groups-dynamically
jQuery - How to dynamically add a validation rule
Icons | jQuery UI API Documentation
Free Bootstrap Admin Template - AdminLTE.IO