jQuery.extend マニアックス
jQuery の extend メソッドは便利なんだが複雑で忘れてしまいがちなのでメモしておく。 jQuery.extend の呼び出しパターンは次の４通り。 $.extend([deep,] target, obj1, [obj2, [obj3, ...]])$.extend([deep,] obj)$.fn.extend([deep,] obj)$(...).extend([deep,] obj) 全てのパターンで第一引数に [deep,] がある。これはオプションの引数で true を指定するとディープコピーしてくれる。 以下では分かりやすくするために deep オプションは省略した一覧を掲載する。 $.extend(target, obj1, [obj2, ...]])$.extend(obj)$.fn.extend(obj)$(...).extend(obj) だいぶシンプルにな
Sign in - Google Accounts
Not your computer? Use a private browsing window to sign in. Learn more about using Guest mode
ページ読み込み時に実行するjavascriptについてのTips | Tips Note
ページ読み込み時に実行するjavascriptは 指定方法がいくつも存在するため、 複雑になりやすく、度々エラーの原因になります。 【指定方法の種類】 ■onloadイベント ページ読み込み時に実行したい処理がある場合、 通常はjavascriptのonloadイベントを使用します。 BODY要素にonload属性を追加したり、 下記のようなjavascriptの指定を追加する方法がよく見られます。 window.onload = function(){ // ページ読み込み時に実行したい処理 } ■jQueryのreadyメソッド ライブラリとしてjQueryを使用している場合は、 readyメソッドを使用して、ページ読み込み時にjavascriptを実行することができます。 $(document).ready( function(){ // ページ読み込み時に実行したい処理 }); 【
『JavaScriptの開発効率を高める7つのライブラリ』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。
モジュールパターン - JavaScript/jQueryの備忘録
どうも。 モジュールパターンの紹介です。 とても便利です。 var TEMP = {}; // 名前空間 TEMP.test = (function(){ // プライベートプロパティ var str = 'abc', // プライベートメソッド funcA = function(){ return str; }, funcB = function(){ ... }; //funcBは開示していないので、このオブジェクトのプライベートメソッドとなる // パブリックAPIを開示する return { funcA: funcA, funcC: funcA // エイリアスもOK }; }()); これはライブラリを作るときなどに重宝しそうです。 JavaScriptパターンって本でこのパターンを知って感激しました。 が、忘れかけていたのでメモしました。
jQueryのDeferredオブジェクトについて調べてみた - AOEの日記
はじめに 最近になって jQuery に Deferred Object と呼ばれるものが追加されたことを知りました。バージョン1.5から追加になったようです。 ここのところ色々な場面で非同期処理と付き合うことが多かったこともあって調べてみたのですが、中々嬉しい機能を持っているやつであることが判明したので、調べた内容についてまとめてみました。 非同期処理は結構書きにくい jQuery Deferred オブジェクトは非同期処理を書きやすくするために用意されたものです。でも何でそんなものが追加されたのでしょうか？ 非同期処理は複雑になってくると書きにくいものです。Ajaxリクエストを例に挙げてみます。 $.ajax({ url: "serviceA.json", success: function(data) { // リクエストが成功したときの処理 }, error: function(x
【疑問】JavaScriptの window.jQuery || document.write …という条件式の書き方
概要 ▶ Says it all by alikins「jQueryをロードする際のナイス！と思った書き方 」が突然週明けからブレイクしてビビっております（汗）。その記事に書いたjQueryのフォールバック用のJavaScriptですが、以下の様に書かれています。window.jQuery || document.write('<script src="js/libs/jq本ページはプロモーションが含まれている場合があります 「jQueryをロードする際のナイス！と思った書き方 」が突然週明けからブレイクしてビビっております（汗）。 その記事に書いたjQueryのフォールバック用のJavaScriptですが、以下の様に書かれています。 window.jQuery || document.write('<script src="js/libs/jquery-1.7.2.min.js"
Post by @0-9
JSでイベント関連の実装をする場合、頻繁に発生するイベントを間引きたくなる事がある。 例えばwindow.scrollやwindos.resize、mouseover何かは状況によってrequestAnimationFrameを超える頻度で発生するので、特に重い処理を実行する場合などはある程度イベントを無視しないとUIがロックされてしまう。 また、スマホや古いバージョンのブラウザなんかも処理速度の問題で間引く必要が出てくる。 こう言う処理は一般にthrottleとかdebounceと呼ばれてて(一応それぞれ違う動作を指す)検索すると公開された実装があるけど、とりあえずjQuery.throttleを使えばいい感じにしてくれる。 ただ、jQuery使ってないとか、ちょっと使いたいだけとかいうならこんな感じのコードでもいける。 window.onscroll = function hoge (
JavaScriptで画面サイズを取得する | かえラボBlog
screen.width 画面幅 ： screen.height 画面高 ： screen.availWidth 有効画面幅 ： screen.availHeight 有効画面高 ： window.innerWidth 表示領域幅 ： （IE非対応） window.innerHeight 表示領域高 ： （IE非対応） window.outerWidth ウィンドウ幅 ： （IE非対応） window.outerHeight ウィンドウ高 ： （IE非対応） $(window).width() 表示領域幅 ： $(window).height() 表示領域高 ： document.documentElement.clientWidth 表示領域幅 ： document.documentElement.clientHeight
ページスクロールで最下部まで行くと次の何件を読み込むAjax処理（オートロード） * R4 * Webサービスレビューサイト
ページスクロールで最下部まで行くと次の何件を読み込むAjax処理（オートロード） 2012年5月28日 Tag：JavaScript Text by 伊藤 ツイート twitterやfacebookのタイムラインにも実装されている、ページスクロールで最下部まで行くと次の何件を読み込む方法の紹介です。jQueryを使います。 <script src="jquery.js"></script> <script> var s = 0; $(window).scroll(function() { var total = $(document).height(); var position = $(window).scrollTop() + $(window).height(); if(position >= total - 100){ s = Number(s+10); $("次の何件を表示させた
jQuery.get()で、PHPへデータを渡し、実行結果を取得
jQuery の jQuery . get( url [, data] [, success( data, textStatus, jqXHR ) ] [, dataType] ) メソッドを使った Ajax リクエストで、サーバへデータを送り、レスポンスデータを読み込み、表示する方法。このページのサンプルは、GETメソッドのHTTPリクエストで、PHPファイルへデータを渡し、PHPファイルの実行結果を取得し、表示する。 実装例（サンプル） 実装例（サンプル）の動作について 「toggle」ボタンをクリックすると、「jquery-sample-get.php」ファイルの実行結果を読み込み、黄色のボックス要素内に表示する。リクエスト時、「year」「month」「day」のパラメータを送信し、「jquery-sample-get.php」ファイルで取得し、表示する。「toggle」ボタンを、
爆速でわかるjQuery.Deferred超入門
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog Yahoo!デベロッパーネットワークの中野(@Hiraku)です。これまで、JavaScriptで非同期処理を書く上での問題として、コールバック地獄やエラー処理に例外が使えないことなどを解説してきました。 これらの問題に対処するライブラリの1つであるjQuery.Deferredに関して、もう少し丁寧に解説いたします。なお、jQueryのバージョンは記事執筆時点の最新である、1.9.1を想定しています。 jQuery.Deferredとは jQuery.DeferredとはjQueryのバージョン1.5から導入された、非同期処理をうまく扱うための標準モジュールです。使いこなすことで、以下のような効果が見込めます。 非同期処理を連結
jQueryオブジェクトの裏側をのぞいてみよう！ · DQNEO日記
jQueryオブジェクトとは何か？ 最初に答えを言います。 jQueryオブジェクとは、jQuery.fn.jQuery.initクラスのインスタンスである 下記の式を評価してみればわかります。 var obj = $('div'); alert(obj instanceof jQuery.fn.init); // => true Google Chrome Developper Toolsで変数を見てみると、確かにそのように表示されます。 次に、jQueryのソースコードを見てみましょう。 冒頭にこのように書かれています。 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); }, (ここでrootjQueryとは$(document
jQueryでdocument.getElementByIdと等価を取る : mwSoft blog
jQueryで「$("#id")」と書くと、返ってくるのはjQueryのObjectで、getElementByIdで返ってくるような生のElementオブジェクトは取れない。 生のElementを取ろうと思った場合は「$("#id")[0]」と書くか「$("#id").get(0)」と書けば良いらしい。 参考サイト http://groups.google.com/group/jquery-en/browse_thread/thread/fa48e5649bb64216?pli=1 prototype.jsはJavascriptの中身いじって機能を増やしてる風なので、「$("id")」をするとElementそのものが帰ってくるけど、jQueryの場合は操作する為の皮を被せてる風なので（お行儀はいいよね、こっちの方が）、こうなるらしい。 ちなみにget(0)を使った場合も[0]を使った場合
jQueryのvar jQueryの仕組みについて - OKWAVE
次のように書き換えてみましょう。 // function jQuery (selector, context) { return new init(selector, context, rootjQuery); } jQuery.prototype = jQuery.fn; // function init (selector, context, rootjQuery) { /* ...... this.length = 0; ...... */ } init.prototype = jQuery.fn; jQuery.fn.init = init; 本質的にはこういうことです（私が書くなら、こんな感じにすると思います）。したがって、new jQuery と new init は、どちらも jQuery.fn をプロトタイプとする新規オブジェクトを生成します。 --- さて、No.1 には
.on() & toggle working together
Quick question here guys, I cant seem to get this $('#wrap').on('toggle', '#image', function(){ <!-- Do stuff --> }); to be able to have a toggle inside it? Any ideas? I have tried googling but with no luck. this is the code i am trying to get to work with .on, as currently it doesn't apply the changes to all of the element son the page, (that have #image and #brick) $("#result_options").toggle(fu
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://blog.suz-lab.com/2008/09/idget0-getelementbyid.html
jsの非同期実行を簡潔にしてくれる$.Deferredをシンプルに説明する - Qiita
JavaTechnology Slot Online | Cara Daftar bermain Slot Online
What a heck is a (function ($){ ... })(jQuery)