メシのタネ

Webプログラミング 備忘録

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

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

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

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

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

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

    続きを読む
  • 普通の会社で2年普通に働いて思う事

    えらい寒くなりました。文句言いながらも現職を続けて2017年12月1日にめでたく2年がたちました。分かりやすいが乱暴に言えばITドカタと呼ばれる業界に入って案件のヒエラルキーの無慈悲さを痛感しながらも、それでもしょうがないと頑張る人たちに心を打たれながら「じゃあ俺も」と頑張れない自分に挫折して、とあ[...]

    続きを読む
  • jQueryUiのDatepicker利用時にminDate設定するとバグる件

    題名の通りなんですが、DatepickerでminDate使うとバグります。また後でキャプチャ見て貰いますけど、灰色の部分が、minDateで設定した日付が反復して出るようになるんですね。こういうの気が付かない人がいるかも知れませんが、ChoromeでminDate設定してる人は気にしてみてくだ[...]

    続きを読む

【jQuery】セレクタのはなし

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

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

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

jQueryのセレクタ

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


     $("body")

こんな感じの奴です。
これを動かすには、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サムネイル

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