はまったのでメモ。 jQuery でセレクタを複数条件で指定したい場合などがある。 例えばこんな場合 <table> <tr> <td class="a" id="1">a-1</td> <td class="a" id="2">a-2</td> <td class="a" id="3">a-3</td> </tr> <tr> <td class="b" id="4">b-4</td> <td class="b" id="5">b-5</td> <td class="b" id="6">b-6</td> </tr> </table>こんなテーブル構造があった場合。 classが"a"、idが"5"のカラムの色を変えたい場合。 $(function() { $(".a,#5").css("backgroundColor", "red"); });これでOK。 これは or 条件ですね。 cl
Demo Click on one of the images below to view it fullscreen. Use your fingers or cursor keys to flick through the images. Click again (or press esc) to return to this view. NETEYE Touch-Gallery A fullscreen photo gallery for touch-devices. Supported Browsers The plugin was written and optimized for Mobile Safari running on the iPad or iPhone 4. It also runs in Dektop Safari, Firefox 4, as well as
Improved Functionality Minor Release [12/03/2009]: CeeBox 2.1 jQuery Plugin: Now uses event bubbling via jQuery live function. Also detects flash plugin displaying message instead of embedding video. iPhone users are automatically redirected if it’s a video link. Major Upgrade [11/11/2009]: CeeBox 2.0 jQuery Plugin: Completely rewritten from the ground up. New functionality: auto-gallery creation
もはやこの業界ではかなり浸透しつつあるjQuery。 今回はそんなjQueryにスポットを当て、本年度紹介された中でも、ホットなトレンドプラグインをご紹介します。 ※プラグインつかってないのもあります。 1)3D表示プラグイン サンプルデモ 今年のトレンドと言えば3D。 というわけでこちら。まずはサンプルデモを確認。 触ってわかる通りですが、2枚の画像が3D表示されます。 呼び出す $(function() { $('#mindscape').smart3d(); }); HTML <ul id="mindscape"> <li><img src=".../mindscape1.png" /></li> <li><img src=".../mindscape2.png" /></li> </ul> CSS #mindscape { width: 720px; height: 170px;
Download jQuery link Latest versionTo locally download these files, right-click the link and select "Save as..." from the menu. Download the compressed, production version: Download jQuery 3.7.1 Download the uncompressed development version of jQuery 3.7.1 Download the map file for jQuery 3.7.1 jQuery 3.7.1 blog post with release notes The slim build is a smaller version, that excludes the ajax an
twitterではそれぞれのtweetが何分前や何時間前などを表示します。 それと同じようなことがJavaScriptのjQueryプラグイン「timeago: a jQuery plugin」で実現可能です。 sponsors 使用方法 timeago: a jQuery pluginからjquery.timeago.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.3.2.js"></script> <script type="text/javascript" src="jquery.timeago.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('abbr.timeago')
What? Timeago is a jQuery plugin that makes it easy to support automatically updating fuzzy timestamps (e.g. "4 minutes ago" or "about 1 day ago"). Download, view the examples, and enjoy. You opened this page when you opened the page. (This will update every minute. Wait for it.) This page was last modified sometime before now [browser might not support document.lastModified]. Ryan was born Dec 18
前エントリがすごいブックマークされている… 時間を見て続きを書きますのでよろしくお願いします。 jQueryで、 $("body")==$("body") // false のような感じで、HTMLの要素をラップしたものを比較しようとすると、falseが出るのはなぜなんだろう。ループさせて保存してたやつと比較するときにアラ?これ一致しないの?だって同じでしょ?と思ってのだけれど、なんでダメなのか分かった。 Mozilla developer center - Comparison Operators によると、”Two objects are strictly equal if they refer to the same Object.”とのことで、オブジェクト同士を比較するときは、同じものを参照していないとtrueにならないとのこと。最初の $("body") と、2番目の $("b
「jQuery DOM ツリー 構築 or 生成」などで検索しても、jQueryでDOM要素を作成/生成し、DOMツリーを1から作る方法が出てこなかったので、せっかくだから基礎の基礎をまとめてみる。 1)jQueryオブジェクトを作る jQueryオブジェクトとは、jQueryの関数(メソッド)が使用できるDOM要素(またはその配列)のこと。DOMツリーに含まれてない要素も含む。 jQueryオブジェクトは、セレクタで抽出して取得することが多いが、1から作ることもできる。 jQueryオブジェクトの作成には、$()関数を使用する。 <例> // <div></div>という要素のjQueryオブジェクトを作成し、$jqObjに格納する var $jqObj = $("<div/>"); 変数名の先頭に $ をつける必要は無いが、「jQueryオブジェクトが格納されている変数であること」を明
jQueryでは$()にはタグ名だけでなくクラス名やID名を指定することができます。また、スタイルシートのようにp.headerのような組み合わせによる記述もできます。 以下のサンプルはID名がbtnのタグにクリックイベントを追加します。フォームのボタンをクリックするとアラートダイアログが表示されます。(サンプルを実行する) <html> <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <title>サンプル</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"><!-- $(document).ready(function(){ $("#btn").cl
A jQuery plugin for rendering fast-performing photo galleries Galleriffic was inspired by Mike Alsup's Cycle plugin, but with performance in mind for delivering a high volume of photos. This is my first experiment with jQuery, so I would love feedback on how to improve this plugin. Features Smart Image Preloading after the page is loaded Thumbnail Navigation (with pagination) Bookmark-friendly URL
PHP、JavaScript、CSS、Webページ埋め込みによる音声・動画配信方法など、実用的なプログラミング・テクニックを解説jQueryでシンプルにスライドショーを実装する方法が掲載されています。 スライドショーとして表示する画像をあらかじめimg要素で列挙しておき、z-indexを変更することで入れ替え表示しています。 スライドのスピードはミリ秒で指定可能です。 すべての画像を表示し終わると、また繰り返し最初からリピート再生されます。 スライドを開始する画像のimg要素にはactiveクラスを指定します。 設置イメージ A Simple jQuery Slideshowの設置サンプルサンプルを見る<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtm
See related links to what you are looking for.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く