jqに関するnoplan1989のブックマーク (28)

  • Cleoh twitter

    Cleoh twitter - free nudes, naked, photos, Reddit

    Cleoh twitter
  • jQuery.fn.onに名前空間をつけることができる - Qiita

    恥ずかしながら今日まで知らなかったのですが、jQueryはイベントハンドラを登録するときに名前空間をつけることができます。(名前空間というよりはクラスという言い方の方がしっくりくるのですが、jQueryのドキュメントがnamespaceと表現しているので名前空間と書くことにします) 例えば、あるボタンのクリックイベントにイベントハンドラをつける時にこういう風に書きますが $('.button').on('click', function (e) { /* イベントハンドラ */ });

    jQuery.fn.onに名前空間をつけることができる - Qiita
  • Ken Wheeler

    Parse Todos Persistent Todos With FB Auth using Thorax & Parse JS

  • IEの条件付きコメントを使ったjQuery1系2系の使い分け - Qiita

    jQuery2.xとIE jQueryの1系と2系、実は機能的に大きな違いはありませんが、2系は1系に比べて軽量でかつ高速です。 なぜ軽量で高速なのかというと、2系はIE6~8をサポートしなくなったから。 私は常に最新のバージョンのものを使用したいので、迷わず2系を使用していましたが、やはり古いIEを使用している人はいるもの。サポートしません、という手もありますが、古いIEもサポートするには、やはりjQuery1系を使用しなければいけません。 条件付きコメントとは、Microsoft Internet Explorerによって解釈されるHTMLソースコード中にある条件付きのステートメントである。条件付きコメントは、マイクロソフトのInternet Explorer 5ブラウザーで初めて登場し、バージョン9までサポートされた。なお、バージョン10以降はこの機能は廃止され、他のブラウザと同様、

    IEの条件付きコメントを使ったjQuery1系2系の使い分け - Qiita
  • イージング関数チートシート

    イージング関数は、時間の経過に伴うパラメーターの変化率を指定します。 現実の物体は、即座に動いたり停止したりすることはなく、一定の速度で動くこともほとんどありません。引き出しを開けるとき、私たちは最初に引き出しをすばやく引き出し、それが外に出てくるにつれてゆっくりと動かします。床に向けてなにかを(例えばペンのような)放すと、最初に重力によって下に向かって加速し、床に当たった後上に跳ね返ります。 あなたの必要なイージングを選択して、あなたのプロジェクトの中で使用してみてください。

    イージング関数チートシート
  • jQuery 2.X系をIE8以下にも考慮して使用する方法 | 着ぐるみ技術部ペンギン

    現在(2014/04/17時点)で、jQueryのバージョンは2.1です。 jQueryは2.X系からIE8以前のブラウザのサポート中止し、高速化・軽量化をが実現されました。 – とはいえ、制作現場だとIE8以下も考慮しないといけない時がほとんどです。 大体、僕はIE8以降までサポートすることが多いですね。 – そこで、IE8以降は jQuery 1.X系。それ以外のブラウザではjQuery 2.X系を使用する時は以下のようにして読み込みます。 <!--[if lt IE 9]> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <![endif]--> <!--[if gte IE 9]><!--> <script src="//ajax.googleapis.com/aj

    jQuery 2.X系をIE8以下にも考慮して使用する方法 | 着ぐるみ技術部ペンギン
  • jQueryでオブジェクトのid名を取得する方法 | forWEB屋

    2010年11月9日 jQueryを利用して、オブジェクトのid名を取得する方法。 滅多に使わない気がするが、例えば $(this) などで表し続けていた場合などにid名をどうしても取得したい場合などがある。 そのような時は var idname = $(this).attr(“id"); というようにすれば取得出来る。

    jQueryでオブジェクトのid名を取得する方法 | forWEB屋
  • bindを用いてタッチイベントを定義した際の座標取得 - Qiita

    iOSなどではonmousedown、onmousemoveなどのマウスイベントが使えない。 代わりにontouchstart、ontouchmoveなどを使う必要がある。 ここでハマったのが、タッチした座標を得る際に $('#hoge').bind('touchstart', function(e){ var x = e.touches[0].pageX; var y = e.touches[0].pageY; //touchesが無いと怒られる });

    bindを用いてタッチイベントを定義した際の座標取得 - Qiita
  • .on()と.off()を使いこなす 1 | CodeGrid

    実践、jQuery 第1回 .on()と.off()を使いこなす 1 jQuery 1.7から実装された.on()と.off()メソッドを取り上げます。jQueryオブジェクトに対してイベントの定義を行う機能をきちんと理解して、イベントを自在にコントロールできるようになりましょう。 はじめに この『実践、jQuery』シリーズは、jQueryを使った実装がある程度できるようになったエンジニアが、さらにjQueryへの理解を深めていくためのシリーズです。 今回は、jQuery 1.7*から実装された.on()と.off()という2つのメソッドを取り上げます。これらのメソッドが担う、jQueryオブジェクトに対してイベントの定義を行うための機能をきちんと理解することで、イベントを自在にコントロールできるようになることを目的としています。 *注:jQuery 1.7 jQuery 1.7は201

    .on()と.off()を使いこなす 1 | CodeGrid
  • jQuery.extend() メソッドの使い方まとめ | Tips Note by TAM

    知っている人には当たり前のことかもしれませんが、使い方をまとめておきます。 jQuery.extend() は、基的には複数のオブジェクトをマージして返してくれるメソッドです。 (プラグインのソースで、デフォルトの設定値を上書きする時などによく見かけますね) jQuery.extend(target[, object1][, objectN]) こんな感じで使います。 オブジェクト a の内容と b の内容をマージしたいとき、 var a = { id: 1, name: 'TAM' }; var b = { name: 'TAM-new', hobby: 'football' }; $.extend(a, b); console.log(a); // 結果: // { // id: 1, // name: "TAM-new", // hobby: "football" // } $.e

    jQuery.extend() メソッドの使い方まとめ | Tips Note by TAM
  • jQueryのソースコードを読むための参考サイト20選 · DQNEO日記

    古いバージョンも参考になる 最新バージョンはコードが1万行くらいあってなかなか大変です。 読み疲れたら、古いバージョンを見て気分転換しましょう。 古いバージョンは実装がシンプルなので、全体像を把握するにはよいかもしれません。 バージョン1.0 (わずか1800行。ver1.7の5分の1です) http://code.jquery.com/jquery-1.0.js バージョン1.1 (2100行) http://code.jquery.com/jquery-1.1.js バージョン1.2 (2900行) http://code.jquery.com/jquery-1.2.js バージョン1.3 (4200行) http://code.jquery.com/jquery-1.3.js バージョン1.4 (6000行。セレクタエンジンがSizzleになりました。) http://code.jq

    jQueryのソースコードを読むための参考サイト20選 · DQNEO日記
  • jQuery の animate の速度(動作時間)を指定する方法

    jQuery の animate の速度(動作時間)は、slow、normal、fast、ミリ秒単位の時間などで指定できる。 animate の速度の指定方法 animate の速度(動作時間)の指定方法は、2種類ある。 animate( properties, [ duration ], [ easing ], [ complete ] ) animate( properties, [duration], [easing], [complete] ) メソッドの場合、animate の2つ目の引数で直接指定。 [ duration ] に入るのは、ミリ秒単位の数字、もしくは、'slow'、'normal'、'fast'、の文字列。 例

  • 特集:jquery.jsを読み解く|gihyo.jp … 技術評論社

    運営元のロゴ Copyright © 2007-2024 All Rights Reserved by Gijutsu-Hyoron Co., Ltd. ページ内容の全部あるいは一部を無断で利用することを禁止します⁠。個別にライセンスが設定されている記事等はそのライセンスに従います。

    特集:jquery.jsを読み解く|gihyo.jp … 技術評論社
  • プラグインを使わずjQueryに23の機能をつける方法 | Web活メモ帳

    jQueryにはたくさんのプラグインがあるので、気づけばjsフォルダがものすごいファイル数になっていたりします。今回はプラグインを使わなくても簡単に実装できる機能を「26 cool and useful jQuery tips, tricks & solutions」というエントリーから紹介します。 詳しくは以下 1.右クリックを無効にする方法 右クリックを禁止したい場合などに。コンテキストメニューが非表示になります。 $(document).ready(function(){ $(document).bind("contextmenu",function(e){ return false; }); }); 2.フォームの初期値を消す方法 検索フィールドなどに。 $(document).ready(function() { $("input.text1").val("Enter your

  • jQueryの$(this)とthisの違い : ずっと工事中

    jQueryの$(this)とthisの違い jQueryのイベントハンドラやコールバック関数内のthisについてです。 大した内容でもありませんが、なんとなく知らないまま使っている人もいるみたいなので、ちょっとメモ書き。 $(this)とthisの違い thisはDOMエレメントです。 イベントハンドラのthisはそのイベントが発生した要素、eachのコールバック関数内のthisは順番の回ってきた該当する要素です。 一方$(this)の方はと言うと、この要素を$関数に渡して、単にjQueryオブジェクト化しているだけなんですね。 使い分け という事で、使い分けは、 DOMエレメントのプロパティやメソッドを使うときはthis jQueryオブジェクトのメソッドを使いたいときは$(this) ということになります。 例えば a要素のhref属性を取ってきて何か処理を書こうと思ったとき、 何も

  • JQuery | 要素の存在を確認する

    JQueryで特定の要素が存在しているか確認するには、size関数を使用するといいみたいです。 他にも「$(‘#target’) != null」などでも確認できるみたいです。 <div id="target"></div> 以下、参考にさせていただきました。 http://suin.asia/2008/10/31/jquery-if-an-element-exists.html http://pineray.cocolog-nifty.com/diary/2008/08/jquery_2e24.html http://blog.livedoor.jp/liucheng/archives/51475353.html

  • jQueryのif文を使ってタグやクラス名によって条件分岐するやり方 – bl6.jp

    jQueryで普通にif文を使った条件分岐のやり方です。指定したタグやクラス名があった場合や、子要素にそれがあったりした時の処理の振り分けなんかをやりたかったんですが、思ったようにならなかったので調べてみました。で、いくつか見つかったのでメモがてら記事にしてみることにします。 条件分岐の時に使えそうなメソッド 条件によって処理を振り分けることはプログラムを書く上でとても重要な感じがするので、使う頻度も結構ありそうな感じです。 hasClassを使ってクラス名を指定する hasClassメソッドを使えばクラス名を取得することができます。これを使ってsampleというid名の中にtextというクラス名がある時とない時の処理の振り分けてみます。 JavaScript $(function(){ if($('#sample').children().hasClass('text')) { $('p

    jQueryのif文を使ってタグやクラス名によって条件分岐するやり方 – bl6.jp
  • jQuery キーボードによって要素を操作する方法 – キーの取得とその活用に関して | Stronghold Archive

    どうもこんばんは。今回のネタは【キーボードによって要素を操作する方法 – キーの取得とその活用に関して】です。矢印キーを使用したページ遷移等、その活躍の場は結構広いです。工夫次第では色々と面白い活用方法や便利な活用方法がありそうですね。 キーの取得と要素の操作 $(window).keyup(function(e){ alert(e.keyCode); }); この3行でキーに割り振られたコードを取得できます。例えば…ESCキーは【27】です。ESCキーを押したら特定の要素を削除、というような場合は以下のように記述できます。 $(window).keyup(function(e){ if(e.keyCode == 27){$(‘#id名’).remove()} }); キーコードの取得 キーコードを取得し表示しています。知りたいキーがありましたら押してみてください。 キーコード一覧はコチラ

  • ページ内リンクへアニメーションで移動 | Web Design Leaves

    animate メソッドと scrollTop プロパティ 参考:「jQueryで画面をスクロールさせる時の注意点」 画面をスクロールさせる場合 animate メソッドと scrollTop プロパティを利用するが、どのセレクタに対して実行すべきかはブラウザ(WebKit かそれ以外)により異なる。 WebKit : body 要素 それ以外 : html 要素 $('body').animate({ scrollTop: 0 }); // WebKit $('html').animate({ scrollTop: 0 }); // WebKit以外

  • [javascript][jQuery] $(window).width() と $(document).width() 違い答えを知りたい | 答えを知りたい

    $(window).width() と $(document).width() や $(window).height() と $(document).height() がどういう時に違う値を返すかわからなかったので検索したら Stack Overflow に簡潔でわかりやすい説明がされてたので紹介します。 When you have a scrollbar on the webpage. (スクロールバーが表示されてる時) わかりやすいですね。一応念のために書いておくと window が「ブラウザの表示領域」で、document が「ページ全体」です。 参考 jquery – When can $(document).width() and $(window).width() show different values? – Stack Overflow http://stackoverf