jQueryAutoHeight.js - Qiita
QueryAutoHeight.js とは、複数のボックスの高さを自動的にそろえるシンプルな jQueryプラグインです。高さのそろえ方は、次の２通りです。 1.セレクタで指定したすべての要素を、その中の最大値にそろえる 2.セレクタで指定した要素を、オプションで渡した数ごとに、その中の最大値にそろえる （1行ごとにそろえられる） ★使いかたのpointメモ★ １.ダウンロードする https://github.com/tinybeans/jQueryAutoHeight/releases 2.ファイルの読みこみ、高さをそろえたいセレクタに .autoHeight() を適用。 <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jQueryAutoHeig
【翻訳まとめ】jQuery 3.0 アップグレードガイド - Qiita
はじめに jQuery 3.0が正式リリースとなったので、最新のアップグレードガイドをまとめようと思います。 原文から一部わかりやすいように言い換えたり、補足したり、省略したりしています。 注意: 長いです。主要な変更点は前回の記事【翻訳まとめ】jQuery 3.0 alpha リリースノートを参照してください。 jQuery Core 3.0 Upgrade Guide 全体像 APIを綺麗にしてバグを修正しました。 - 一部破壊的な変更があり - 既に非推奨と公表していたAPIを削除 - ドキュメントにない隠しAPIの削除 - 特定の入力値に対する既存APIの振る舞いを修正 サポートブラウザ IE9 以上 Chrome, Edge, Firefox, Safariの最新版とそのひとつ前のバージョン Operaの最新版 iOS 7 以上のモバイルSafari Android 4.0以上
jQuery Deferredまとめ - Qiita
参照 よく分かるjQuery Deferred http://amzn.to/1SkAQXn 学習内容 .done()と.fail() Promise 非同期と同期処理 Deferred .then() $.when() $.Callbacks() 非同期処理を直列に記述、実行するための仕組み。 非同期処理で、複数の処理を、指定した順番で実行することができる。 Promise Jquery ver.1.5からAjax関係のメソッドは「Promise」を返すようになった Ajaxが無事終了した時、「Promise」に、コールバック関数を、done()というメソッドを使って登録する。 Ajaxが異常終了した時、「Promise」に、コールバック関数を、fail()というメソッドを使って登録する。 function onSuccess(){ console.log("成功"); } functi
[jQuery]こんな機能があったんだ。jQuery stop()|WEBプログラム覚書
HOME>WEBプログラム覚書>[jQuery]こんな機能があったんだ。jQuery stop() [jQuery]こんな機能があったんだ。jQuery stop() 「Buttons like Windows 7 with JS & CSS」を見てて って記述あったので調べてみたらstop()って色々使えるんですね。 全然しらなかったです。 stop([clearQueue], [gotoEnd]) 引数は2つ。何も指定しないとfalse [clearQueue]がtrueの場合、持っているキューが全て削除される。[gotoEnd]はtrueにすると現在のアニメーションの最後のコマへジャンプする。
jQueryの.on()で使えるイベントの種類と記述例 | 1bit::memo
最近jQueryを使う時に.on()の使用頻度がとても高いです。.clickや.hoverなどの単体機能よりカスタマイズしやすいのが理由です。 で、.on()にはイベントが沢山ありますので、そのイベントをまとめておこうと思います。 SPONSORED LINK イベントとは？ .on()で使う実行の種類です。以下の★に入ります。 $(function(){ $('.element').on('★', function(){ //ここに★に対応した処理を記述 }); }); イベントの種類 上記コードの★部分に当たるイベントは、以下のようにたくさんあります。 blur 要素がフォーカスを失った時に発生 focus 要素がフォーカスを得た時に発生 load ドキュメント内の全リソースの読み込みが完了したときに発生 resize windowの大きさが変更された時に発生 scroll ドキュ
今日から役立つjQueryの小技！クリックされた奴をどうにかする方法
jQueryを勉強したての頃、よくjQueryのエラーに苦しめられました。読み込まれているかどうかって不安ですよね。自分が昔そうだったので、困ってる人いるんじゃないかと思って書きます。自分がJSのプログラムを導入するにあたってやっている事を書いてみようかなと思います。 意識する点は、読み込みの順番と... クリックされた奴は取得できる 例えば、ulタグの中にliタグが3つ並んでたとします。この中から真ん中のliタグが押された場合、そのliタグの情報はeventオブジェクトのtargetプロパティの中に入ってます。 targetプロパティ取得方法 こうやれば取得できます。デベロッパーツールのコンソールからどうなってるか見えます。 liタグの文言変更 この123...と並んでるリストタグの値を変えたい時にはこうやります。 クリックするとliタグ内の値が変わります。 idやクラスを取得したい場合
omnioo lab. record | オムニオラボ WEB, ITのお話 Homepageを作る
xmlのパースは今までphpのsimple_xmlみたいなものを使ってきましたが、なかなかこれだけでは仕事にならないというのもあって、最近はAjaxで処理してしまうという頻度が非常に増えています。実際はHTMLに吐き出される情報がローカルのみなのでHTMLソース時代には何も書かれていないというのが、問題なんだか問題じゃないんだか、むしろその方がいいのか...って話ですが、いわゆる素人さんにはそんなこと全然関係なくて、ただただ見てくれがいいという問題が最終的な落とし所になるので、Ajaxでいいじゃないかということになります。 $.ajaxメソッドを使う jQueryでxmlをパースするときは、$.ajaxメソッドを使います。かなり楽チンです。このメソッドはjQueryのプラグインみたいに使える（というか、Pluginはメソッドなのですが）ので、適当なオプションを与えるだけでかなり簡単に使えま
URLに応じて条件分岐するjQueryスクリプトの記述方法
ページのURLに応じて条件分岐するjQueryスクリプトです。 2パターンをご紹介しますので、好きな方をご利用ください。 jQueryのサンプル① $(window).bind("load", function(){ // 現在ページのURL取得 var url = location.href; // 現在ページが http://example.com/ なら実行 if(url == "http://example.com/"){ $('div.add-here').addClass('added-class'); } }); jQueryのサンプル② $(window).bind("load", function(){ // URLにhogehogeが含まれていたら実行 if(document.URL.match("/hogehoge")) { $('div.add-here').add
รูเล็ต ทดลองเล่นรูเล็ต เว็บพนันออนไลน์ อันดับ 1 เครดิตฟรีกดรับเอง
7 คาสิโนออนไลน์ ชั้นนำที่ดีเยี่ยมที่สุด Ichimaruni-design คาสิโนออนไลน์ ขอชี้แนะ 6 เว็บเดิมพันออนไลน์ชั้นหนึ่ง ที่มีครบทุกสิ่งที่มีความต้องการ ไม่ว่าจะเป็น คาสิโนออนไลน์ บาคาร่าออนไลน์ ไพ่โป๊กเกอร์ออนไลน์ พร้อมรับโปรโปรชันเครดิตฟรีที่แจกให้แบบจุใจ เว็บไซต์ตรงไม่ผ่าเอเย่นต์ เล่นง่าย ได้เครดิตฟรี ๆ ไปเลย UFABET เครดิตฟรี ไม่รับไม่ได้แล้ว กับโปรเด็ด โบนัสปัง UFABET เครดิตฟรี สิ่งดีๆที่พวกเรามีให้เฉพา
jQuery高速化！処理速度を10倍上げるテクニック20選
Aircraft manuevers during an airpower deomonstration. / Official U.S. Navy Imagery Javascriputを簡単に書けるようにしてくれるライブラリのjQueryですが、使い方をちょっと変えるだけで、パフォーマンスに大きく差がでます。ハイスペックPCでは分かりづらいかもしれませんが、スペックの低いPCやモバイルではWebページの表示速度が遅くすぐに閉じられるかもしれません。 Webページがたった1秒高速化するだけでECサイトなんか、売上が10％向上した事例もあります。そこで、jQuery高速化のポイントや方法をここにまとめておきます。 jQueryの最新バージョンを使う 図1 jQueryのバージョンによる速度 https://jsperf.com/speed-comparison-of-jquery-vers
プラグインを使わずに、かんたん実装できるjQueryマウスオーバーアニメーションのまとめ | ニトなび
ここのところ少しブログをリニューアルしたのですが、過去に導入してほとんど活躍していないjQueryマウスオーバーアニメーションを外しました。しかし、なんかせっかく実装したものを外しただけでは無意味なので、今後再導入するときの為に、スクリプトを書きとめておく事にしました。 マウスオーバーアニメーションの種類 オンマウスで画像を切り替えるアニメーション フェイドさせながらテキスト色を変化させるアニメーション フェイドさせながら背景色を変化させるアニメーション テキスト（画像）を横にピコッとずらすアニメーション 画像をボワ～と大きく変化させるアニメーション 画像を右から左へスライドさせ入れ替えるアニメーション 画像をクルッと縦に回転させるアニメーション ※jQuery導入方法の基本は過去にこちらの記事に書きましたのでご参考下さい。 オンマウスで画像を切り替えるアニメーション DEMO ⇓ 1.
jQuery：セレクタや要素指定に関する備忘録 - NxWorld
jQueryで何かしたい時にまずセレクタで該当要素を指定すると思いますが、要素にidやclassがついていなくても特定の条件を持つ要素として指定できたり、奇数・偶数・n番目の要素を指定できたりと、セレクタには様々な指定方法があります。 ただ中には利用頻度が低くていざ使える場面がきても忘れしてしまっていたり、未だに使う度にググったりするものも幾つかあるので、セレクタに関しての復習兼ねた備忘録です。 また、併せて同じく使用する機会が多いthisに関することやセレクタで指定した要素の親要素や子要素を指定する方法も書いておこうと思います。
いろんなセレクタ指定方法＋α
ずいぶん以前にセレクタについて書いたのですが、今回はセレクタの種類を抜粋して、記述例と説明書きにまとめてました。「セレクタとは？」という方は、まず下記記事を読んでみて下さい。 jQueryを使ってみよう。(基本編 セレクタ１) ＋αというのはトラバース(走査)系のメソッドです。「この要素を抜き出したい！」と思ったときにセレクタだけでは抜き出しにくい場合があります。そういうときにトラバース(走査)系のメソッドを使うと、簡単にできたりするので覚えておくと便利なものです。 「こういう書き方をすると、こういう要素が選択される」という例で説明を添えていますが、数が多いので説明書きは、ほんとうに添えた程度です。説明だけではわかりにくいと思うので動作サンプルを用意しました。動作サンプルを眺めながら、ちらっと説明書きをチェックしてもらえれば「なるほど！」となるはず。。。ご利用ください。 jQuery セレ
jQueryプラグイン「bxSlider」のいろいろなオプションの使い方のまとめ！
こんにちは。 jQueryプラグイン「bxSlider」のいろいろなオプションの使い方のまとめ！です。 簡単にいろいろなスライダーを実装できる事で人気にjQueryプラグイン「bxSlider」。 けっこう頻繁に使う事があるので、いろいろなオプションをまとめてみました！ ※当サイトはアフィリエイト広告を利用していますが、当サイトが独自に作成した記事であり、第三者から依頼を受けたものではありません。 bxSliderをダウンロードしてみよう！下記のサイトの右上の「Downloas」のボタンをクリックしダウンロードします。 jQuery Content Slider | Responsive jQuery Slider | bxSlider bxSliderを設置してみよう！ダウンロードしたファイルのjquery.bxslider.min.jsとjquery.bxslider.cssとimag
jQuery 開発者向けメモ - リファレンス
リファレンス $() jQueryオブジェクトを作り出す関数です． $("CSS文字列") CSSで要素を指定し，マッチした要素を持つjQueryオブジェクトを返します． 詳しい指定方法は Selectors を参照してください． jquery 1.1 までは XPath による指定もできましたが，最新版では削除されています． XPath Compatibility Plugin を利用することで，1.2 でも XPath を利用可能です． var $toc_1 = $("#toc_1"); jquery_dump($toc_1); var $h1 = $("h1"); jquery_dump($h1); var $h1head = $("h1.head"); jquery_dump($h1head); var $ahref = $("a[@href^='http://jquery.com
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
function(e)のeってなんだ？ - 旧gaaamiiのブログ
最近、週１くらいのペースでミニアプリを作りながらjQueryを教わってる。 教えていただいたことをメモしておく。 jQueryを書くとき、基本はこう書くってことは知ってた。 $(セレクタ).イベント(function(){ // 処理 }); 意味がしっかりわからなくてもこれが書ければなんとなくでできちゃうことがけっこうある。たとえば、ページの先頭に戻るボタンの実装とか。文字をすっと消したりとか。 んで、こうやって書くのも見かけることがある。 $(セレクタ).イベント(function(e){ こう書く場合の、(e)はなんなんだ？引数？ え？何を持ってるんだこのeは？ というわけで教えてもらったのが、「コンソールに出せばわかるよ」ということ。 こう書いて、 $("#sample").click(function(e){ console.log(e); }); コンソールを見ると jQuer
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
脱jQueryのためにしたこと - Qiita
jQueryで常に縦幅100%のレイヤーを作る | クロジカ
hp-stylelink.com
