[B! jquery] nobutameのブックマーク

jQueryによるフォーム部品操作のレシピ - むつらつれづれ

テキストボックスやラジオボタンなどのフォーム部品は、論理モデルとしては単純なnameとvalueの組み合わせであるものの、jQueryを以ってしても画面上では統一的に扱えずに意外と苦労する。忘れがちなので纏めてみた。フォーム部品共通フォーム部品（のjQueryオブジェクト）を取得する var obj = $('#target'); // id指定 var obj = $('.targets'); // class指定 var obj = $('input[@name=xxx]'); // name指定テキストエリア、リストメニューなど同一ドキュメントで唯一なものにはユニークなidを振っておき、チェックボックスやラジオボタンなど同一のname要素で複数存在するものにはそれらで共通のclassを振っておくか、name要素で指定するのが無難か。テキストボックス（input[@type=t

nobutame 2010/08/31

jquery

リンク

jQueryのセレクターでRegexを使用できるようにするプラグイン

『Regex Selector for jQuery』にて、jQueryのセレクターでRegexするプラグインを投稿されていたので、どんなもんかとそちらで書かれているサンプルを全部試してみました。 id属性が『a,e,i,o,u』で始まる要素を取得します。 $(':regex(id,^[aeiou])'); class属性に半角数字が含まれている要素を取得します。 $('div:regex(class,[0-9])'); src属性に"jQuery"という文字列が含まれているscriptタグ(要素)を取得します。 $('script:regex(src,jQuery)');コードを見ると"i"フラグを使用しているため大文字/小文字を区別しません。ですから『jquery』、『jQuery』共に取得します。 widthが100～399pxの要素を取得します。(原文では100 - 300pxで

nobutame 2010/08/24

jquery

リンク

jQueryセレクターでの出来事 - ささいなoutput

a要素のリンク先が画像だったらfancyboxを発動しようと思い(fancyboxに限ったものではないが)、安易に書いたがどうやらこんなデタラメでは無理なよう。 $('a[href$=.'+/(jpg|png|gif)/+']').fancybox(); 普通にこうやれば要件は満たされるが、好ましくはない。 $('a[href$=.jpg],a[href$=.png],a[href$=.gif]').fancybox(); とはいえ、これの発動条件のために新たなclass名等を作りたくもないので今回はこれでやりすごした。そもそもjQueryセレクターでは正規表現オブジェクトが許容されてないこと(文字列かDOMエレメント)を初めて知り、これに関してプラグインまで発見。 http://yas-hummingbird.blogspot.com/2009/03/jqueryregex.html

nobutame 2010/08/24

jquery

リンク

jQueryに学ぶJavascriptの基礎(2) this 活用──jQuery解読(17)

jQuery解読作業を進めるにつれ、Javascriptの基礎が如何に分かっていないか、ほぼ毎日のように痛感させられます。その意味ではjQuery解読は無謀なチャレンジであった訳ですが、それでも誤謬を犯すマイナスを埋め合わせて遙かに余りあるプラスがあることも毎日自覚されるので、恥を忍んで引き続きjQuery解読を進めるつもりでいます。しかし、基礎の基礎が余りに分かってない自分に嫌気が指してきてしまい、匙を投げ出すような醜態は演じたくありません。そこで、自戒を込めて敢えて誤解していたこと、理解していなかったこと、不十分な理解に留まっていたことなどについて、つらつらと記述していきたい、と思います。 thisとは何か？「this」──Javascriptを始めたばかりの素人は、直ぐに「thisって何？」と躓きます。しかも度々、あちこちで登場するので、どうも役割がいくつかあるらしいと気がつくと

nobutame 2010/05/21

リンク

IBM Developer

IBM Developer is your one-stop location for getting hands-on training and learning in-demand skills on relevant techno logies such as generative AI, data science, AI, and open source.

nobutame 2010/02/19

リンク

テーブルのヘッダとフッタを固定する簡易プラグイン - Cyokodog :: Diary

更新履歴 2010-06-02 jQuery.exTable.js を Ver 0.1.2 に更新 jQuery 1.3 以上のバージョンで正常動作しない不具合を修正しました。サンプルを含む zip ファイルでダウンロードできるようにしました。 2010-01-21 jQuery.exTable.js を Ver 0.1.1 に更新セルの内包要素の膨張、table 要素の margin 設定等によるレイアウト崩れ抑止処理を追加しましたヘッダ・ボディ・フッタ内のテーブル要素を取得するゲッターメソッドを追加しました記事中のソースを修正しましただいぶ前に書いた「tableのヘッダを固定させる簡易scriptをサクっと作ってみた」というエントリに、「サンプルソースを参考にフッタも固定しようとしたけどうまくいかない」というコメントを先日頂きました。今にして見ると、前回、前々回のエントリで書

nobutame 2010/02/08

リンク

jQuery

Lightweight Footprint Only 30kB minified and gzipped. Can also be included as an AMD module CSS3 Compliant Supports CSS3 selectors to find elements as well as in style property manipulation What is jQuery? jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use

nobutame 2009/11/04

リンク

jQuery 日本語リファレンス

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

nobutame 2009/10/30

リンク

jQuery の each() の continue / break は・・・ : 地潜の日記

2009年03月14日 18:41 カテゴリプログラム・スクリプト jQuery の each() の continue / break は・・・ No Comments No Trackbacks 忘れそうなので覚書〜 JavaScript で配列なんかをイテレーション処理する時は、for を使うのが一般的。 ● JavaScript の書き方 for (var i=0, numArity=arrHOGE.length; i<numArity; i++) { (なんか処理); } jQuery を使ったときは、イテレーションのために each を利用できる。 ● jQuery の書き方 $(arrHOGE).each( function(i) { (なんか処理); } ); 便利だねー。 ■ continue / break のやり方さて、for でグルグル回している処理を「その時だ

nobutame 2009/10/16

リンク

ThickBox 3.1

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal. Features: ThickBox was built using the super lightweight jQuery library. Compressed, the jQuery library is 20k, uncompressed it's 58k. The ThickBox JavaScript code and C

nobutame 2009/08/16

リンク

John Resig is best known as an expert in the JavaScript programming language and the creator of the most popular JavaScript library in the world: jQuery. He’s created numerous JavaScript projects that continue to be integral parts of modern day web development. He’s also the author of the popular JavaScript books: Secrets of the JavaScript Ninja, Pro JavaScript Techniques, and The GraphQL Guide. J