jQueryで複数セレクタを and 条件と or 条件で指定するときの指定方法の違いをメモする - 雑想空間
はまったのでメモ。 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
40 Beautifully-Designed Navigation Menus | Vandelay Design Blog
These earth tone color palettes are perfect for a wide variety of nature-inspired designs. Use the provided hex codes to save time choosing colors.
jQuery製の時計ライブラリ·epiclock MOONGIFT
epiclockはjQuery/JavaScript製のオープンソース・ソフトウェア。JavaScriptで時刻を利用する機械は意外と多い。指定時間ごとに自動保存したり、指定時間になったりアラートを出すようなこともある。Webアプリケーションを開発する際には避けては通れないだろう。 古めかしい感じの時計表示 そんな時には独自で実装する必要はない。既にライブラリは多数ある。jQueryを使って開発しているならばepiclockを使って実装してみよう。単純な時間表示以外にも多彩な機能が提供されている。 epiclockではカウントアップ型のタイマーや逆にカウントダウン、有効期限までの時間、ストップウォッチなど様々な時刻表時に対応している。さらにレトロな時刻表時を行うモードもある。時間を扱う際の多様なニーズに応えられるはずだ。 他にも色々な機能が jQueryなので、他のライブラリと組み合わせる
消えていく儚さを演出するjQueryプラグイン jdtElementVanish
誰得プラグインは儚いです。一瞬の煌きの為に生まれては消え去っていきます。 そんなプラグインたちを表すかのようなプラグインが完成しました、儚いですね。 使い方 jQueryとjdtelementvanishを読み込んで、実行します。儚いですね。 <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jdtElementVanish.js"></script> <script type="text/javascript"> jQuery(function($) { //プラグイン実行(bodyを選ぶとより儚いですね) $( "div#container" ).jdtElementVanish( { "interval" : 1 * 1000, "ani
[JS]jQueryのプラグイン100選 -2010年総集編
2010年に紹介したものを中心としたjQueryのプラグイン100+α選です。 今年は、アニメーションのエフェクトやレイアウト、後半は背景画像関連のプラグインが特に目立っていたように思います。 [ad#ad-2] コンテンツスライダー・カルーセル関連 ギャラリー・画像拡大関連 ナビゲーション関連 タブ関連 パネル・ボックス関連 ツールチップ関連 レイアウト関連 背景画像関連 その他UI関連 アニメーション関連 スクロール・ドラッグなど操作関連 テーブル・リスト・データ関連 フォーム関連 コンテンツ生成 その他 コンテンツスライダー・カルーセル関連
個人的に気に入ってる10のLightbox系jQueryプラグイン及び、その特徴まとめ - かちびと.net
個人的に気に入ってよく使っている、又は いつか役に立ちそう、いずれ使いたい的な Lightbox風に拡大実装出来るjQueryプラグ インのまとめです。使うときにいちいち引っ 張り出しているのが面倒なのでまとめにして ついでにシェアしようと思って記事にします。 オーソドックスなものから、やや特徴的なもの、Twitterで「こんなのない？」って聞かれて探したものなど10個厳選です。特徴も一緒にメモしておきます。 なお、画像を使うjQueryプラグインにご興味が有るようでしたら、以前書いた画像を使ったいろいろなjQueryプラグイン224個まとめも参考にして頂けるかと思います。 colorbox 一番よく使っているかもしれません。MITライセンスで、グループ化⇒スライドも可能。また、iPhone、iPadでも動いて表示も崩れません。エフェクトも変更可能で、YoutubeやIframe、Flas
jQueryで作るボタンでスライドするローテーションバナー
Posted: 2010.12.27 / Category: javascript / Tag: jQuery 以前に「jQueryで作るスライドするローテーションバナー」というのを作成したのですが、結構シンプルな作りでちょっと今の時代のあれじゃないよね。ということでボタンをクリックすると次の画像に進んだり戻ったり、ページネーション的なボタンを追加することで、ちょっとだけ実用的なものにしたいと思います。 html+cssを制作する まずはhtmlとcssですね。 「id=banner」divにはメインとなるローテーションさせる画像をリストで配置。 その下の「id=btn-prev」「id=btn-next」は次へ進むボタンと戻るボタンです。 「id=pagenation」にはページネーションボタンが配置されています。 divがちょっと余分じゃね？ って感じがしますが、横並びでセンター揃えに
[DEMO]jQueryで作るクリックボタンでスライドするローテーションバナー | webOpixel
jQueryで作るクリックボタンでスライドするローテーションバナー photo by http://sozai-free.com/
jQuery UIで実現！ Ajaxで複数選択ドラッグ＆ドロップ
jQuery、プラグイン、jQuery UI、Web経由のCDNとは CSSの書き方も分かるjQueryプラグイン実践活用法（1） 基本／おさらいとしてプラグインやjQuery UIについて簡単に触れ、Web経由でjQueryを使うCDNについて解説 デザインハック ＜ リッチクライアント 2009/12/8 今回は「jQuery UI」のより進んだ活用例 ■ jQueryのプラグイン「jQuery UI」とは？ 今回紹介するjQuery UIは、JavaScript（Ajax）フレームワークjQueryのプロジェクトがjQuery用に開発している、以下の機能を提供するプラグインです。 ドラッグ＆ドロップなどのマウス操作の機能拡張 ユーザーインターフェイスを改善するウィジェット（アコーディオン、日付入力、ダイアログ、スライダー、タブなど） 今回は、jQuery UIのドラッグ＆ドロップ機能
Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 : 4GALAXYのメモ
16 26 08 2007 Ajaxでどんな事が出来るのかを知るサンプル集26種類 jQuery interface編 jQuery, Samples, Ajax 海外のjQueryを使ったAjaxサンプル集に日本語の紹介文をつけた記事 Effects Ajaxエフェクト集 要素の出現・消滅など全62種類のAjaxエフェクトサンプル Test new animate function 要素のAjaxアニメーションジェネレーター Use new functions stop, stopAll and pause to clear queue and stop flickering Ajaxでディレイ(遅延)を設定できるツールチップを表示サンプル Draggables | Droppables Ajaxでドロップ＆ドラッグ出来るサンプル10種類 Sortables list
40分で覚える！jQuery速習講座 (1/6)
いまやWeb制作に欠かせなくなったJavaScript。でも、「JavaScriptはほとんど“アリモノ”で済ませている」という方も多いのでは？ そこで、WebデザイナーやマークアップエンジニアなどのWeb制作者の方向けに、いま一番人気のJavaScriptライブラリー「jQuery」の基本を学べる特別レッスンをお届けします。題して、「40分で覚えるjQuery」。要点だけにぎゅっと絞って解説しますので、手を動かしながら今すぐjQueryを始めましょう。 【0分目：導入編】 jQueryのダウンロードと利用方法 jQueryのライブラリー本体（JavaScriptファイル）は公式サイトからダウンロードし、head要素などにscript要素を書いて読み込みます。
jQuery google api and other google hosted javascript libraries. - ScriptSrc.net
Mastering the Code Things We Wish We Knew Much Earlier In Our Career - Articles, Tips, Inspirations, Sources and Resources for web designers and developers Watch video Hello, coders! Computer Science became one of the top professions and hobbies in the past two decades. Many people, especially website developers, are drawn to learn at least one programming language that will back up their written
triggerHandler(type, [data]) - jQuery API 1.4.4 日本語リファレンス - StackTrace
解説 マッチした要素に、指定されたイベントハンドラを実行します。 trigger(type, [data])とは違い、ブラウザの標準アクションは実行されません。 引数 type String: 実行するイベントを表す文字列。 [data]オプション Array: イベントハンドラに渡すデータ。イベントハンドラの第2仮引数以降に展開されます。 戻り値 jQuery: jQueryオブジェクト 関連 trigger(type, [data]) bind(type, [data], fn) 例 例1:チェックボックスをクリックするとイベントハンドラを実行し文字列をアニメーション表示します。 「trigger!」ボタンを押すと、クリックイベントが実行され、チェックボックスのチェックが交互に切り替わります。また、イベントハンドラが実行され、文字列がアニメーションします。 「triggerHandle
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryWTP
Booklet - jQuery Plugin
opensocial-jquery - Google Code
GitHub - onaluf/gameQuery: a javascript game engine with jQuery
http://sandbox.hokuten.net/jqrpg/