[B! jquery] [2ページ] mhagのブックマーク

少しのコードで実装可能な20のjQuery小技集

2016年6月22日 jQuery 素敵な動きを手軽に実装できるJavaScriptライブラリ「jQuery」。jQueryには多くのプラグインが揃っていますが、以前書いた「少しのコードで実装可能な20のCSS小技集」に続き、今回はプラグインなしで実装できるjQueryの小技を紹介します！「jQueryってなんだ？」という人もコピペで実装できますよ！サンプルも用意したのでぜひご覧ください！ ↑私が10年以上利用している会計ソフト！追記：この記事で紹介されているいくつかの方法が、今ではCSSのみで実装可能です！詳しくは「かつてはJavaScriptを利用していたものの、今ではCSSのみで実装できる10の小技」をご覧ください。 jQueryの基本的な使い方まずはjQuery本家からjQueryファイルをダウンロードします。<head> 内に下記を記述し、jQueryファイルを読み込みます

mhag 2011/01/24

jquery
tips

リンク

サーバサイドJavaScriptとjQueryでスクレイピング

jQuery でスクレイピングできたらセレクタ使えるし便利かなーと思ったりしたんですが、Rhino と env-js を使うと超簡単にできたのでレポートしてみます。 Rhino と env-js って何ぞい？ Rhino ってのは Java で書かれた JavaScript エンジンです。Rhino を使うとコマンドラインから JavaScript を実行できます。 Rhino には DOM が無いので単体では jQuery を実行することはできませんが、env-js という DOM ライブラリを使用するとこの辺はクリアできます。 env-js の中に jQuery を使ったサンプルがいくつか入ってますので、Java とか JavaScript とか詳しい方はそちらを見てもらった方が早いと思います。使ってみるまず env-js をビルドしないといけないのでその辺の手順から説明します。

mhag 2011/01/08

リンク

個人的に使うことが多い9つのjQuery・JavaScriptスニペット :: 5509

プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。（もっときれいに書けとか何そのコードとかも歓迎）紹介してるスニペットたちページトップにスクロールするだけテキストボックスにラベル表示するやつ要素のサイズを取得するやつタブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグインスク

mhag 2010/12/17

リンク

IDEA * IDEA

ドットインストール代表のライフハックブログ

mhag 2010/11/12

jquery

リンク

jQuery 日本語リファレンス

jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ？'); }, function(){ $(this).text('ヌー'); } );

mhag 2008/11/28

リンク

jQueryでweb制作をする時にキープしておきたい30リストまとめ*ホームページを作る人のネタ帳

mhag 2008/03/10

リンク

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

mhag 2008/03/06

リンク

http://jquerydocs.googlepages.com/

mhag 2008/01/25

リンク

ウノウラボ Unoh Labs: jQueryのパフォーマンス最適化に関するTips

こんにちは、山下です。今回は、jQueryのパフォーマンス最適化について説明したいと思います。軽量と言われているjQueryですが、いろいろな機能を実現しようとして複数のプラグインを導入すると、だんだんと動作が重くなってきます。サーバ側をいくらチューニングしたところで、ブラウザ側での処理に時間がかかっていたら、せっかく訪問してくれたユーザに重いサイトとして認識されてしまいます。以下に、ウノウで運営している「映画生活」で実際に行っている方法を紹介します。 1. Packed版ではなくMinified版を使う jQuery1.1まではPacked版のみだったのですが、jQuery1.2からMinified版もダウンロードできるようになりました。Packed版よりもMinified版を使うことをお勧めします。どう違うのかというと、Packed版はファイルサイズを極限まで削減するために静的辞

mhag 2007/11/16

リンク

jQueryの勉強で役立ったサイトのメモ - gan2 の Ruby 勉強日記

jQuery を使って Ajax 開発を単純化する IBMの記事。jQueryでどんなことができるのかを、具体例とともに詳しく解説している。参考文献で紹介されているサイトもいい感じ。 Index of /demos jQueryのライブラリInterfaceのデモがある。デモを見ながらFirebugを使って勉強するとなんかすごい為になった気がしてくる。ヽ( ・∀・)ノくまくまー - Prototype ユーザが 10 分で jQuery を使い出すスレこれも分かりやすいまとめだと思う。↑のIBMの記事とかぶるところもあるから、2つ合わせて読めば基本は大体理解できるはず。ヽ( ・∀・)ノくまくまー - draggable と droppable ドラッグ＆ドロップの解説。

mhag 2007/10/14

jquery

リンク

jQuery 開発者向けメモ

jQuery 開発者向けのメモです．ずっと以前に，jQuery に関する日本語の情報がまだ少ない頃に作ったページですが，その後 jQuery を再び利用する機会があったので，最新バージョン向けに記述を更新しました．住宅ローンシミュレーションです． jQueryを利用したフォームの動的な追加や，flotプラグインによるグラフ描画などを行っています．本ページの記載に間違い等見つけた方はブログのエントリまで連絡いただけるとうれしいです．最終更新：2009/1/10 jQueryとは jQuery は様々な処理を短く簡単に書ける JavaScript ライブラリです．独自のXPATH/CSSセレクタを利用することで，多くのDOM操作を非常に簡単に書くことが出来ます． JavaScriptのDOM操作や，XMLHTTPRequest，XMLの操作などを覚えなくとも， Ajaxを利用したイ

mhag 2007/10/12

jquery

リンク

http://blog.fulltext-search.biz/articles/2007/10/08/jq4r-jquery-helper-plugin-for-rails

mhag 2007/10/09

jquery
rails

リンク

Prototype ユーザが 10 分で jQuery を使い出すスレ - ヽ( ・∀・)ノくまくまー(2007-10-07)

● [jQuery] Prototype ユーザが 10 分で jQuery を使い出すスレさぁ、今夜もはじまりました、熊井ちゃん王国。それでは早速、熊井ちゃんに伝えたい jQuery の魅力 RANKIN Q！渋谷の女性300人に聞いた jQuery の好きな所 TOP 10 名前空間の汚染が最小簡潔明瞭なメソッド名 CSS3 + XPath ちっくアクセスメソッドに対する閉包性 (メソッドチェイン) ● 1. 名前空間の汚染が最小 Prototype では、DOM要素のID指定には $()、CSSセレクタ指定には $$() といったように、多くの関数が global に定義されている。しかし、jQuery で定義された global 変数は $ のみであり、上記の要素指定はどちらも $() で記述できる。(※ CSS 表記なのでIDの場合は'#'が必要) 正確に言えば、jQue