jQuery で特定の要素のインデックス番号を取得 ~ツールチップ~
ツールチップを作成してロールオーバーが必要なときに、その要素がインデックスの何番目かを知る必要があったので調べてみた。 というのもツールチップを作成する場合に・・・例えばサイドメニューでのリンクにはツールチップはいらない…
jquery
jQuery 要素集合の特定要素とそれ以外の要素の操作
以前にも書いたが、よくjQueryやActionScriptでは下記のようロジックを使います。 またよく「index()」メソッドを利用して「eq(index)」を利用して特定の操作などをしてました。 var $preo…
jQuery フォームで特定の条件で選択不可にする
フォームを選択不可にして入力不可にするにはどうするかをメモ。 動作確認 input タイプのdisabled属性を設定する 例えばinputのタイプがテキストで選択不可にする場合は下記のようになる。 $(“:text”)…
jqueryjQuery フォームの操作～特定の要素の絞込み～
フォーム要素をjQueryで扱うときにフォームをデコレーションする場面も多いと思うが、たくさんのinput要素の中から特定する場合どうするかメモ。 動作確認 上記のサンプルはフォーカス時に背景色とテキストエリアに「入力し…
jquery【jQuery】マウスの座標をjQueryを使って調べる方法！
マウスに追従するようなツールチップなどを作るときにマウスの座標ってどう取得するかをメモ。 動作結果（スクリプトはブラウザのソースコードから参照） 関数にイベントハンドラを引数に渡してイベントからclientX・clien…
jqueryjQuery ちょっとHTML操作
今更ながら、使ったことがないので調べてみてちょっと知ったのでメモ。 wrapAllで対象要素に別要素が含まれていた場合の挙動 仮にstrong要素をまとめて別の要素で包みたい場合にwrapAllを使用するがもし、stro…
jQuery ページ内スクローラーを調べた
ページスクローラーの仕組みを調べてみた。 動作結果 ページをスクロールさせるターゲット ページをスクロールさせるにはどうしたらいいのか調べてみて最初は「document」かと思ってみたが動作せず。 そしたら「body」も…
jQuery で時間差でアニメーション
よくFlashでTween系のアニメーションでdelay効果で時間差で表示させるアニメーションなどをしていたがこのたび、jQueryでも試してみた。 実行結果 eachメソッドのインデックスを元にdelayメソッドを実行…
jquery【jQuery】スライドコンテンツをjQueryのプラグインで作ってみた！！
以前、作成したjQueryの簡易画像ビュアーのコンテンツバージョンを作成しました。 実行結果 今回はプラグインとして作成してプロパティで幅と高さとスピードとイージングを変更できるようにしました。 jqueryの部分はちょ…
jQuery 簡易画像ビュアー
今回は画像ビュアーを作成してみました。相変わらず簡易ですけど。 クリックするリストの要素をまとめて取得する 今回はクリックされた要素のインデックスを使って移動させるのでindex()メソッドで取得する必要がある。そのため…
