THE HAM MEDIA BLOG

jQueryメモ:bindとtriggerを勉強中 その2

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
bind
Trigger

bindとtriggerを勉強中 その2

本日もbindとtriggerの勉強の続き。以前に買った『jQueryで作る Ajaxアプリケーション』を読んでいたら、bindとtriggerについて書いてありましたので、今回はそれで勉強。

続きを読む

jQueryメモ:bindとtriggerを勉強中

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
bind
Trigger

bindとtriggerを勉強

jQueryのbindやtriggerを勉強しようと思い、とりあえず作ってみたサンプルを書いておく。まだ勉強途中。

続きを読む

続々 jQueryメモ:clone(true)?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
CLONE

イベントも複製

先日のエントリー「jQueryメモ:変数に入れた要素が・・・」と、「続 jQueryメモ:変数に入っているのは?」で、clone()の使い方などを勉強したのですが、そのcloneでtrueを入れると、要素についているイベントごと複製できるとコメントにて教えていただきました。
早速試してみます。

続きを読む

jQueryメモ:クリックしたのは何番目の要素?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
INDEX

クリックした要素は何番目?

クリックした要素、例えばリストなんかで、そのクリックした要素がリスト中の何番目なのかというのを取得する方法、以前は普通に使っていたような気がするのですが、ここ最近思い出せない。検索してもなかなかでてこなかったりして悩んだのですが、普通にリファレンスに書いてあるじゃーんってのに遅いですが気づいたのでメモエントリー。

続きを読む

続 jQueryメモ:変数に入っているのは?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
変数

まだまだ勉強不足

昨日「jQueryメモ:変数に入れた要素が・・・」というエントリーを書いたのですが、そのlivedoorクリップのコメントにて、二人の方からご指摘を受けましたので、再度お勉強。

続きを読む

jQueryメモ:変数に入れた要素が・・・

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
HTML

変数に入れた要素が・・・

勉強がてらメモエントリー。jQueryで、こんな動作をするのかーと思ったので書いておきます。

続きを読む

jQueryを使って押したキーの判定をする

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
keypress
jquery
keydown

jQueryを使って押したキーの判定をする

キーボードを押した時の処理を出すために、キーを押した時にどのような値が帰ってくるのかをチェックしておこうかなと思い、アルファベッドの文字だけを判定する判定のスクリプトを書いてみた。

続きを読む

jQuery:リンクのクリック領域をブロック全体にする簡単なスクリプト

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
BLOCK
Link
jquery

リンクのクリック領域をブロック全体にするスクリプト

そうか、こんなスクリプトでもいいのかと気づいた時は、驚いたり感動したりするのですが、今回のスクリプトもそんな一つ。リンクのクリック領域を親要素全体に適応する方法なのですが、「そうか、こんな考え方もできるのか!」なんて思ってしまったスクリプトです。

続きを読む »

jQuery勉強:隣の値取得とリピート

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery

メモ

勉強のためのメモエントリー。

リストなどでクリックしたら隣(次)の値に切り替わるというスクリプト。リストの最後までいったら最初に戻るや、選択している部分の背景色を変える機能など、ちょっとした機能もつけたサンプルです。

続きを読む »

jQuery:フィルターについての疑問

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
filters

ん?なんか違う?

jQueryのセレクタを指定するフィルターのfirst-childを使っていた時に、その指定の仕方によって、動作が違った。少しそのフィルターに関して実験してみたので、メモのためにエントリー。

続きを読む »

ブックマークレットからjQueryを読み込む方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
ブックマークレット
jquery
Bookmarklet

ブックマークレットからjQueryを読み込む方法

最近なぜかブックマークレットのお勉強中。なにか上手く活用できないかなと思い、勉強していたのですが、最近になって、jQueryを使っていないサイトでも使えるようにする方法があることを知った。

それを使うと、個人的にできることの幅が広がるので、とりあえずメモのためにエントリーしておきます。

続きを読む »

jQueryでXMLを操作してみる2

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
xml

jQueryでXMLを操作してみる2

以前に、XMLをjQueryで扱う勉強をした「jQueryでxmlを操作してみる」というエントリーを書いたのですが、なぜか今でも検索で見に来る人が多い…そんなにニーズがあるんだなーと、毎月驚いています。

今回は、先日エントリーした「ExcelをXMLで書き出したものをWEBで扱う時の注意」で書いたように、Excelで作ったデータをXMLで書き出し、そのデータを利用したサンプルでも一つ紹介してみようかなと思います。

続きを読む »

jQueryとprototypeを同時に使う方法時の読みこむ順番と違い

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
Prototype
jquery

同時に使う方法時の読みこむ順番と違い

前回のエントリー (jQueryとprototypeを同時に使う方法時のjQueryの書き方あれこれ)
で、jQueryとprototypeを同時に使う方法時のことを書いたのですが
コメントにこれまたcyokodogさんからアドバイスをいただきました。
さらに、MIYAさんも、
共存方法についてのことを書いていたのですが、そこでふとした疑問が…
あれ?オイラのブログとライブラリの読み込んでいる順番ちがうけど、
何か違いでるのかな・・・?

ちょっと実験してみた!

続きを読む »

ブログでブログパーツやプラグインを入れる際の注意

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
プラグイン
ブログ

プラグインやブログパーツを入れる際に 注意しておくべきこと

以前、wordpressを構築していた時に、デフォルトで入っているjQueryを使い
それを元にjsファイルを自分で作ったりしていたのですが、
ある時プラグインを入れたら、作ったjsファイルが動作しない!?
なんていう事態が発生した。
すぐに原因に気づかなかったのですが、どうやらプラグイン導入で
それで動作しなくなったということだけがわかった。

同様のことで、最近のブログパーツを入れるだけでも同じことが起こりうるので
皆さんのブログでもプラグインやパーツを入れる際は
とあることに注意しておいたほうがいい。

続きを読む »

jQuery:tableでマウスのhoverしている行と列の色を同時に変える方法(テーブルを少し美しく見せる方法)

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
TABLE

hoverしている行と列の色を同時に変える方法

先日より多用しているtableだったりするのですが、
実は一番やりたかったのが、この行と列の同時選択。
hoverしている行の色を変えるのは、先日のエントリー
hoverで背景色が変わった後、交互に背景がついているところの色を元に戻す方法
で紹介したばかりですが、それに列(縦)の色も変える方法が、
数日考えてもなかなかうまいこと動作してくれなかった。

今回は失敗内容を含めて書いておこうと思う。

続きを読む »

jQueryを使い要素の出てくる順に番号をつける方法(forの代わりにeach()を使う繰り返し)

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
FOR
Each
jquery

forの代わりにeach()

今回、「jQuery Sequential List - Web Designer Wall」をみて、
eachがforと同じ動きをしているのを知った。
関数の中で数字の加算をしたら繰り返しのたびに増える…
まさにforの動きなのですが、なぜかこの発想、自分の中になくて
なんでこんなことに気づかなかったんだ〜って
なぜかショックを受けております。
ということで、いつものように試しにメモエントリーしておきます。

続きを読む »

jQuery:hoverで背景色が変わった後、交互に背景がついているところの色を元に戻す方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
javascript
jquery

hoverの前の色に戻すスクリプト

リストとかテーブルで行ごとに色が違う設定になっているとき、
そこに背景色が変わるJavaScriptのhoverの設定をつけてみた。
CSSで設定する場合はhoverの設定をすればいいだけなのだが、
jQueryとかで設定すると、hoverが終わったoutの時の設定も必要になる。

そのとき、元の背景色に戻す指定が必要なのだが、
なぜか複雑に考えすぎてうまく元に戻せなかった。

あ、これでいいじゃん…なんてうっかりをしていたので、
メモのためにエントリーしておく。

続きを読む »

○○番目の○○という指定をするjQueryの「:eq(index)」や「:odd」などの動作について。再びバグ!?

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript
Selectors

あれ?前の動作に戻った!?

jQueryのSelectorsで、「:odd」や「:even」などがあるけど、
以前「jQuerの「:even」「:odd」の動作についてを詳しく」で書いたように、
jQuery1.2の時は「:even」「:odd」の動作がおかしかったが、
jQuery1.3リリース!!Selector面の変化で速度向上!?」で書いたように、
jQuery1.3でSelectorの動作が問題なく動作するようになっていた。
ところが、jQuery1.3.1になって、
なんと1.2の時と同じ動作に戻ってしまった。

もう一度指定の仕方やその動作の違いをまとめておこうと思う。

続きを読む »

jQuery:リンクのクリック領域をブロック全体にする方法

Clip to Evernote このエントリーをはてなブックマークに追加
カテゴリ:
jQuery
タグ:
jquery
javascript

リンクのクリック領域をブロック全体にする方法

jQueryのプラグインで「BigTarget.js」というのがあるが、
このプラグインのように、リンクのクリックできる領域を
ブロック全体にすることを、自作できないかなーと考えたてみた。

プラグインの簡易版みたいなソースになってしまったが、
シンプルに使えそうなので紹介しておきます。

続きを読む »

トップに戻る

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。