メシのタネ

Webプログラミング 備忘録

  • AWS移行でコケ中

    現在このWebサイトが稼働している、このサーバーのMySQLをマスターとし、AWS上のRDSをスレーブとして、データ移行をしようと思ったが、バイナリロギングの取得が上手くいかない。多分の手順VPSのDBでスレーブ用のユーザ作成バイナリロギングを行うスレーブ側RDSにマスターのDUM[...]

    続きを読む
  • AWS ソリューションアーキテクト アソシエイトに合格しました。

    実は、今日までIT無資格でした。ええ歳だし、そろそろなんか資格取っておくかーと考えだしたので、取って嬉しい資格を取ろうと思ってたところ、AWSの資格あったなーと思って、調べてみたら、みんな14日で受かる!とか言ってるので、じゃあというこで、試験日14日後とかにして、試験の予約入れたのが地獄の始まり[...]

    続きを読む
  • DOMをPHPで操作できたらいいよね

    そうだよね。そう思うよね。JavaScriptでやると、画面がガタついたりするもんね。そうならないようにする方法もあるかもしれないけど、僕はできませんので、サーバー側でなんとかできたらええなぁと思って挑戦したけど、できませんでしたよ。PHP標準でHTMLをDOMにできるらしい今、技[...]

    続きを読む
  • 設計書ってなんで書くの?

    設計書をなぜ書くのかから始めてかれこれ3年近くこの禅問答をやっているわけですが、いまだに答えは出ません。ただ、その禅問答をやる中で設計書に対する取り組み方は大きく変わったので、その一部でも書いていきたい。基本設計はとにもかくにも必要だと思う設計書はいらぬ!という話をよく聞くし、自分[...]

    続きを読む
  • 書ききってやる。

    久々に書いてみる。久々に文章を書くということをやってみようと思う。伝える作業を観察したいと思ったからそうしたいと考えた。情緒的な文章は基本的にゴミ箱にぽいしてきましたが、情緒的なのも自分だと思う。「文章をかくという作業は、とりもなおさず自分と自分をとりまく事物との距離を確認すること[...]

    続きを読む

【jQuery】セレクタのはなし

jQuery11
jQueryで何か作ってみたいなぁと思ってんですけど、
ダイナミックなもの開発したこと無いので、
イベントに対して発動するってあんまり馴染みが無くって
上手くコードが書けてない感じです。

個人的にはJSで何か作る場合は、デザインの資質とか
あった方が良いなと思います。僕には無いので苦労しています。

あんまりjQueryの話と関係ない事言いましたけど、
jQueryのセレクタの事でも書いてみようかなと思います。

jQueryのセレクタ

指定したタグやid、クラスや属性等
APIを駆使して、HTMLから指定されたら探しに行ってくれます。

</p>
<p>     $(&quot;body&quot;)</p>
<p>

こんな感じの奴です。
これを動かすには、DOMていうAPIが使われています。

DOMについて

DOMっていうのはジオン公国軍の陸戦用量産型モビルスーツではなく
DocumentObjectModelといわれる奴で、XML、HTMLをツリー構造として扱える仕組みです。

DOMを利用することで、pタグに属性追加したり、
divタグのスグ下にdivタグを追加したりすることが行えたりします。

セレクタの動作

セレクタの指定によって、働くDOMが異なります。
querySelectorを使わせると遅くなるので、
getElementBy系を使わせるようにすると良いです。

IDはIDだけでclassはclassだけで検索させる方が
jQueryは素早く動く事ができます。

getElement > querySelector > sizzle

って感じだと思います。
sizzleはjQueryのセレクタエンジンです。
主に:radioとか:hiddenとか:checkとか
フィルター使うときに使う場合があります。

セレクタって何処に載ってるの

セレクタって実はかなりの数があります。
私も全部把握できているわけではないです。
参考になりそうなとこ載せておきます。

選択セレクタを可視化してくれるサンプル

セレクタ理解するのに丁度良いかも

jQueryリファレンスとか

ここに基本的な奴は大体載ってます。

jQueryのセレクタメモ

ちょっと変わったセレクタの使い方が紹介されてます。階層関係の指定、ANDやOR、属性に対しての条件指定等

今日の記事の詳細が分かる生地

関連記事

  1. PHPサムネイル

コメントをお待ちしております