Selectors - jQuery 1.3.2 日本語リファレンス
Selectors/API/jQuery 基本 #id 指定されたidを持つ要素を選択する。 element 指定されたタグ名の要素を選択する。 .class 指定されたクラスを持つ要素を選択する。 * 全ての要素を選択する。 selector1, selector2, ..., selectorN 複数のセレクターを指定して集合要素を選択する。 階層 ancestor descendant ancestorを先祖に持つdescendantを選択する。 parent > child 親子関係を指定して要素を選択する。 prev + next 前後関係を指定して要素を選択する。 prev ~ siblings prev以降の兄弟関係にある要素を選択する。 基本フィルタ :first 先頭の要素を選択する。 :last 末尾の要素を選択する。 :not(selector) 指定したセレクターを
:nth-child(index/even/odd/equation) - jQuery 日本語リファレンス
各ul要素の、2番目のli要素を黄色くします。真ん中のul要素には2番目が存在しない（:nth-childではゼロからではなく1から始まる番号を使用します）ので、何も取得されません。 <div><ul> <li>John</li> <li>Karl</li> <li>Brandon</li> </ul></div> <div><ul> <li>Sam</li> </ul></div> <div><ul> <li>Glen</li> <li>Tane</li> <li>Ralph</li> <li>David</li> </ul></div> $("ul li:nth-child(2)").css("background-color", "yellow");
RedLine Magazine : jQueryでnの倍数だけに何か処理する（追記有）
jQueryでnの倍数だけに何か処理する（追記有） >>081007：追記1 :nth-child について追記しました。 >>081007：追記2 :lt について追記しました。 今までのバックナンバーリストを一覧でダダダーと並べてるページがあって、（このサイトで言うと全エントリのアーカイブページみたいなページ）リストの件数が少なかった時は特に何も感じなかったんだけど、サイト公開から時間が経って「数が増えてなんか見難くない？」みたいな話になった。 で、5件分ごとに区切り線入れたいっていう提案をされて了解したけど、なんかどんな方法が効率いいんか迷った。手作業で5件目ごとにclass振っていく様な手数増える方法でもいいんだけど、今新しいのが上、古いのが下ってなってる状態で上から順番に5件目毎にclass付けした所で更新の度に1つずつズラしていくの？手数増えるにも程があるｗｗｗみたいな発想にな
twitterタイムラインをJavaScriptで簡単に表示する「monitter」
twitter facebook hatena google pocket 随所で紹介されていますが・・・「monitter」は、わずか3行でtwitterのタイムラインを表示することができるJavaScriptです（要：jQuery）。 導入が簡単なので、お手軽に始めたい方にお勧めです。 sponsors 使用方法 monitterからファイル一式をダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="monitter.min.js"></script> あとは表示したい場所に以下を記述すれば完成です。 <div id="tweets" title="skuare" //表示させたいワード lang="jp" //言語による
Klaus Hartl - Stilbüro : Cookie Plugin for jQuery
September 17th, 2006 Category: JavaScript, Web Development, jQuery I contributed a cookie plugin for jQuery yesterday. You can get it from the (Subversion) repository: svn://jquery.com/plugins Or get it here. A few simple examples of how to use it: $.cookie('the_cookie'); // get cookie $.cookie('the_cookie', 'the_value'); // set cookie $.cookie('the_cookie', 'the_value', { expires: 7 }); // set c
jQueryを使ったcookieの制御（フォントサイズ変更編）／ライブラリー : アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション
アファメーションで独立・起業・夢実現。「いきなり！社長宣言！！」-“夢は口に出すことで実現する！”というアファメーション：ライブラリー 2007年12月 1日 フォントサイズを切り替えたい？ いろんなところで実装されている「フォントサイズの切り替え」のJavaScript。 僕自身はあまり必要ないんじゃないかなーと個人的には思ってたんだけど（そもそも、コントロールくるくるでサイズ変えられるからね）、仕事でやらなくちゃいけなくなったので、ググッとグーグル先生にて検索。 流行ってる（？）だけあって、いろんなサンプルがあって、お勉強になりました。 jQueryでcookieを簡単制御。 S・M・Lサイズのフォントサイズ用のCSSを用意して、それをJSにて切り替え。 そして、その情報をcookieに記録する…という、ありがちな（？）ヤツです。 （ありがち…とか言いながら、あんまりスクリプトとかプロ
カスタマイズ性に優れた ｊQueryカルーセルプラグイン (jCarousel Lite) -稀によくあるブログ
折りたたむ ここではthickboxと併用した時のサンプルソースを 書いてありますが、thickboxを使用しない場合は thickboxの部分を削除してください。 スタイルシートは配布されていないようなので 自分で設定してください。 以下は管理人が最低限これがあればいいかな? って感じで書いたものなので、信頼性は低いです。 <style> .anyClass{margin:0 auto 5px;} .prev{float:left;margin:48px 5px 0 0;} .next{float:right;margin:50px 2px 0 5px;} </style> /*thickboxのスタイルシート*/ <link rel="stylesheet" href="./thickbox_sample.css" type="text/css"
タブ切替表示をCSSとjQueryで行う | エムティシステム
タブによる項目表示の切り替えは、作り方が記載されたサイトは沢山見つかるが、ここではタブ用の画像を利用して、CSSとjQuery(JavaScriptライブラリ)で行なった方法を説明したいと思う。なお、jQueryには「jQuery UI/Tabs」でタブ機能が提供されており、簡単に実現できる。以下が作成例である。 ミヤマキンバイ ミヤマキンバイ（深山金梅 学名:Potentilla matsumurae）はバラ科キジムシロ属の多年草。 特徴 分布域は本州中部以北・北海道・千島列島・サハリン・済州島。亜高山帯～高山帯の砂礫地、草地に生育する高山植物。高さは10～20cm。花期は7～8月、黄色い直径2cmほどの5弁花を咲かせる。 出典: フリー百科事典『ウィキペディア（Wikipedia）』 キバナシャクナゲ シャクナゲ （石楠花、石南花） は、ツツジ科ツツジ属シャクナゲ亜属の低木
div要素もリンクにするjavascript「jquery.biggerlink」
リンクと言えばaタグですが、ボックス単位の大きなdiv要素もリンクにしたくなります。 jquery.biggerlinkはそんな我が儘を叶えてくれるjavasrciptです。 sponsors 使用方法 jquery.biggerlinkからjquery.biggerlink.jsを、jQueryからjquery.js（v1.2.1）をダウンロードします。 <script src="http://yourdomain/jquery.js" type="text/javascript"></script> <script src="http://yourdomain/jquery.biggerlink.js" type="text/javascript"></script> <script type="text/javascript"> $(function(){ $('#id名 div')
細かすぎて伝わらないjQueryの機能5選 - KAYAC Engineers' Blog
実は技術部ではなく、演出部所属のagoです。 先日jQuery 1.3.2のソースを読む機会があり、そのときいくつか気づいたことがあったのでまとめてみました。 1 .addClass, removeClassはスペース区切りで複数のclassを渡せる .addClass, removeClassにはスペース区切りで複数のclass nameが渡せます。 //classの順番は保持します。 //<div class="hoge gege">があった場合、<div class="hoge gege huga">になります。 $('div').addClass('hoge huga'); //<div class="hoge gege huga">があった場合、<div class="gege">になります。 $('div').removeClass('hoge huga'); ただし、hasC
【TB企画】これまでに使った便利なjQueryプラグイン
これまでに使った20のjQueryプラグイン :: 5509 5509のnoriさんとチャットで会話しているときに nori: みんなでよく使うプラグインをまとめる、とかは？ nori: ↑それぞれがまとめる nori: 意外と知らないやつとかあったりするかも hiromu45: 皆さんはどうですかー？大募集！ hiromu45: みたいなのやりますか。 なんて話題になったので、ＴＢ（トラックバック）企画にしちゃいます！ 自分の普段使うプラグインやこれは便利だ！なんてプラグインを書いてエントリーに書いて、トラックバックしてください！ 便利なプラグインのまとめ サイトの制作時に使ったプラグインや、これは便利だ！と思っていたプラグインをまとめてみました。今だったら自分で書くかなっていうプラグインも含めてまとめてあります。 jQuery Opacity Rollover http://h2ham
Blend, a jQuery plugin effect for CSS backgrounds
Atlanta based web design firm specializing in providing fast loading, interactive websites with content-driven design.Instructions In addition to your regular CSS ':hover' style, a class of 'hover' must be added for targeted elements. This is required because there is no way for JavaScript to detect the CSS ':hover' styles, which are essential to this plugin. Normal CSS :hover style: #navHome:hov
jQuery でブラウザの表示領域に対するサイズや位置情報を取得してみる - Cyokodog :: Diary
更新履歴 2010-01-21 本エントリの内容も含めた最新の情報は下記エントリをご参照ください。 jQuery の位置・サイズ関連メソッドまとめ - Cyokodog::Diary 前回、前々回のエントリではボックス要素を例にサイズや位置、スクロール量などの求め方について書きましたが、実際のプラグインの実装においてこれらの情報が必要になるのは、ブラウザの表示領域に対してということが多いかと思います。 具体的にはツールチップなどの機能で、画面の端の要素を hover した時、ポップアップがブラウザの表示領域内に収まるように表示位置を調整するような場合に、ブラウザの表示領域のサイズやスクロール量などが必要になります。 jQuery でブラウザの表示領域をつかむ方法 ブラウザの表示領域を jQuery でつかむには、以下のような記述でできそうです。 $('html') $(window) $(
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Lightbox風のスクリプト jQuery Superbox! | CSS Lecture
screamo.jp
http://youmos.com/news/jcarousel_lite
jQuery・Ajax実践サンプル
マウスオーバーをデザインする | DesignWalker
【ハウツー】ゼロからはじめるLITBox - ダイアログもスタイリッシュにカスタマイズ | パソコン | マイコミジャーナル
moto-mono.net