「jQuery 2.x→jQuery 3.0」「jQuery 1.x→jQuery Compat 3.0」に。jQueryが新名称と新バージョンへ
「jQuery 2.x→jQuery 3.0」「jQuery 1.x→jQuery Compat 3.0」に。jQueryが新名称と新バージョンへ JavaScriptのライブラリとして人気のあるjQueryは現在、モダンブラウザのみサポートすることで、より小さく速く安定したjQuery 2.x系と、古いバージョンのWebブラウザを含む幅広いWebブラウザをサポートするjQuery 1.x系の2つが存在しています。 この2つのバージョン表記を、次のリリースから変更することが、jQueryのブログにポストされた記事「jQuery 3.0: The Next Generations」で発表されました。 バージョンは3.0に統一 現在のjQuery 1.9系とjQuery 2.0系は、前述のようにサポートするブラウザが異なるだけで、APIは基本的に互換性があります。 そこで、次のリリースからこの
croppic
INITIALISATION Simplest implementation. Beware that you must provide width and height of the container. JS var cropperHeader = new Croppic('yourId'); HTML <div id="yourId"></div> CSS #yourId { width: 200px; height: 150px; position:relative; /* or fixed or absolute */ } UPLOAD URL Path to your img upload proccessing file. JS var cropperOptions = { uploadUrl:'path_to_your_image_proccessing_file.php'
jQuery：FancyBoxを使用し、Lightboxのように表示する | raining
FancyBox1.3.4を使用した時の使い方をメモします。 FancyBoxはLightboxのように表示するjQueryのプラグインです。 下記のリンクよりダウンロードできます。 FancyBox ■ FancyBoxの使い方 【共通で読み込むファイル】 FancyBoxのスタイルシート、FancyBoxのJSファイル、jQueryなどの ファイル等を読み込みます。 <link rel="stylesheet" type="text/css" href="/fancybox/jquery.fancybox-1.3.4.css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> <s
jQuery.Deferredを使って楽しい非同期生活を送る方法 - Qiita
続編も書きました : 結局jQuery.Deferredの何が嬉しいのか分からない、という人向けの小話 jQuery version1.5で導入されたjQuery.Deferredは、無くてもコードを書けるけど、使えば少しコードが綺麗かつ見通しが良くなる、という機能。 無くても書けるという機能がなかなか使われないというのは世の常なので、jQueryクックブック(O'REILLY)の中でも言及されていない、なんとも寂しい状況だ。 ちょっとここらで一肌脱いでやるか、という趣旨で書き始めたら無駄に長くなった。 とりあえず使ってみたい、という人は下の方の「jQuery.Deferred自体の使い方」までジャンプするとよい。 jQuery.Deferredとはどういう場面で使うものなのか コールバックを渡して非同期処理完了時にそれを呼び出してもらうような場面。 具体的には $.get('hoge',
jQueryでformのアクションを変更する ~ PhoEniBiR～DevDiary
2012/02/27 jQueryでformのアクションを変更する 14:48:00 Motoi Nishiu No comments メールで送信 BlogThis! Twitter で共有する Facebook で共有する Concept一つのフォーム内に複数のsubmitボタンを配置しても、遷移先のURLを動的に変えられるようなソース。 javascript/** * changeActionURL.js * (Need jQuery) * * フォームのdefaultButtonクラスをクリックした際に、もしもactionURLが属性としてあれば、その画面に遷移する */ $(document).ready(function(){ $('[actionURL]').click(function(){ if($(this).attr('actionURL') != ""){ $('
HTML5 × CSS3 × jQueryを真面目に勉強 – #7 jQueryのセレクタAPIについて詳しく | DevelopersIO
そんな訳で、普段何気なく使っているjQueryですが、そのセレクタAPIについて多少は知っておいたほうが良いよなということで、いくらか調べてみました。けっこう地味な内容なので、「へー、そんな風になってるんだぁ…」と軽く読み流していただければと思います嘘です。割と大事な内容なので、しっかりと把握しておくのがよろしいかと思います。 はじめに - jQueryのセレクタAPI jQueryでは、$('#hoge .fuga');というようにCSSのセレクタを用いてHTML要素を取得します。あまりにも便利な機能で普段意識することはありませんが、内部ではgetElementById();といったブラウザのネイティブAPIを駆使したり、JavaScriptゴリゴリのメソッドを呼びまくって指定どおりの要素を取得してきているわけです。こういった機能のことをセレクタAPIと呼びます。 セレクタAPIの内訳
Enterを入力した時に更新するテキストボックスのテストの書き方 - babie, you're my home
jQuery で、 $("#target").keypress(function(event) { if ( event.which == 13 ) { //更新... } }; とか書けるじゃないっすか。13 は [Enter] のキーコードね。 それで、capybara でどうやってテスト書いたもんかなぁと色々試行錯誤して、@nukusuさんに教えてもらっちゃったりして、できた： page.execute_script(<<-JS) $("#target").attr("value", "ABC"); $("#target").trigger({type: "keypress", keyCode: "13"}); JS 長いこと懸案事項だったので助かりました。 なんで今までできなかったかというと、jQuery の公式ドキュメントが間違っていたから： // Create a new jQ
jQuery plugin refactoring
step1: 動けばいいレベル 適当にざっくり書いて終了 イベントハンドラのなかでテキトーに全て終わらせる メソッドチェイン長いのがかっこいいと思ってる年頃 <div class="item"> <div class="label">A</div> <h2 class="title">itemA</h2> <p class="main">text text text text</p> <p class="showMore">more</p> <p class="more">more more more more</p> <p class="hideMore">hide</p> </div> <div class="item"> <div class="label">B</div> <h2 class="title">itemB</h2> <p class="main">text text
QUnit
The powerful, easy-to-use JavaScript testing framework.Get Started View the Docs Easy Easy, zero configuration setup for any Node.js project and minimal configuration for Browser-based projects. Universal Tests can be run anywhere; Node, your browser, even inside a Web Worker. Test your code where it runs.
第19回html5とか勉強会 PJAX ～HTML5時代のAJAXサイトプラクティス～
pjax = pushState + ajaxのプレゼン これまでのajaxの課題を解決する、history api(pushStateなど)を使ったプラクティスです。
.tmpl() – jQuery API
This feature and its documentation are in beta and subject to change before final release. Description: Take the first element in the matched set and render its content as a template, using the specified data. version added: 1.4.3.tmpl( [data,] [options] ) dataThe data to render. This can be any JavaScript type, including Array or Object. optionsAn optional map of user-defined key-value pairs. Ext
jQuery UI Demos | jQuery UI
jQuery UI Demos jQuery UI offers a combination of interaction, effects, widgets, utilities, and themes designed to work well together or on their own. Play with the demos, view the source, build a theme, read the API documentation and start using jQuery UI today. Interactions Interactions add basic mouse-based behaviors to any element. You can create sortable lists, resizable elements, drag & drop
GarageWorks Inc. » jQueryによるカスタムイベントを作成する
今回はjQueryを使った、カスタムイベントの設定方法をご紹介します。 結論から言ってしまうと、trigger(type, [data])関数でカスタムイベントを発射し、bind(type, [data], fn)関数でキャッチします。 trigger(type, [data])関数はデフォルトのイベントだけでなく、bindで予め登録しておいたカスタムイベントを呼び出すことが出来ます。 例えば、 <p>ボタンクリックでこの部分を変更する</p> <button>カスタムイベント発射！</button> <span style="display:none;"></span> 上記の様なコードで書かれたボタンが有ります。 このボタンを押して、カスタムイベントを利用出来る様にしてみます。 ボタンを押した段階で、trigger関数からmyCustomEventイベント（※イベン
jQuery.Deferredって何
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ※ このブログの内容は弊社が運営する有料サービス、CodeGridにてより詳しい内容をご参照いただけます（宣伝） jQuery deferredの使い方 - deferredの基本 | CodeGrid === jQuery1.5から追加された機能。でも全然使ってないので調べた。 jQuery1.5からはdeferredオブジェクトっていうものが登場。 これは、「イケてるキュー（待ち行列）の仕組み～遅延もあるよ～」みたいなものです・・・ 説明がムズイけれどもなんかそんな感じなのです。今までは function fetch(callback){ doAjaxThings('somefile.js
CSS Nite LP18「その先にあるjQuery」
CSS Nite @cssnite 明日のLP17/LP18に参加される方は、一夜漬け（または午前中漬け）でよいので、必ず、予習してきてくださいね。ある程度、触っておかないと必ず後悔します。こもりさんと高津戸さんのセッション。 #cssnitelp17 #cssnitelp18 2011-09-16 22:56:39 みずはらともや＠5y♂ @death13mg RT @cssnite: 明日のLP17/LP18に参加される方は、一夜漬け（または午前中漬け）でよいので、必ず、予習してきてくださいね。ある程度、触っておかないと必ず後悔します。こもりさんと高津戸さんのセッション。 #cssnitelp17 #cssnitelp18 2011-09-16 23:11:44 笑い猫 @LaughingCat_w RT @cssnite: 明日のLP17/LP18に参加される方は、一夜漬け（または午
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」:phpspot開発日誌
これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 2011年07月19日- jQuery EasyUI - help you build your web page easily これは注目の超リッチなUIを実装できるjQueryベースのUIライブラリ「jQuery EasyUI」 Ext.jsばりに美しくてリッチなUIをjQueryでも実現できちゃいます。さらに、使い勝手がjQueryなので誰でも簡単に実装できちゃいます。Extはなんとなく取っ付きにくいと感じたかたも簡単に使えそう。 サイト上のチュートリアルやドキュメントも充実していて分かりやすいです。 リッチなものが作れるのはいいけど使い方が難しかったりメンテナンス大変だと、使う気が少し失せてしまいそうですがこれなら大丈夫かもしれません。 テーマやマルチリンガルにも対応しているらし
[JS]jQueryのプラグイン33 1選 -2011年7月 | コリス
jquery.transitions CSS transitionのサポートを検出し、classベースのアニメーションを与えることができます。
jQuery Mobile [基礎編]
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://asciicasts.com/episodes/213-calendars
Home - Mgallery-JQ