YuriBlo02

UIを作ることに特化したJavaScriptのフレームワークで、複雑なUI作成を得意としたフレームワークです。

ページURLを入力することで、高速化するためのサイト改善のヒントが得られる。
すべての項目に対応する必要はないが、対応できる部分は対応することでサイトの高速化がはかれる。

javascriptファイルの読み込み、解析時は他のファイルの読み込みや、ブラウザの描画が止まってしまうようなので、処理上問題がなければbody要素の最後（の直上に）配置するようにする。

HTMLファイルは毎回ダウンロードされるため、javascriptファイルは出来るだけ外部ファイルで作成し、キャッシュされるようすることで、HTMLのダウンロードサイズを減らすことができます。
ただし、javascriptファイルの更新時にキャッシュが残ってしまうため、パラメータを付与するなどjavascriptファイル更新時の対策を検討する必要があります。

if($(selector)[0]){
  alert("OK");
} else {
  alert("NG");
}

if($(selector).length){
  alert("OK");
} else {
  alert("NG");
}

if($(selector)size()){
  alert("OK");
} else {
  alert("NG");
}

sizeやgetを使う方法もありますが、個人的には上の2つをよく使ってる気がします。
また、処理速度を気にするならjQueryを使用しない↓が良いかと。。。
document.getElementById("id") != null

$("要素名")

$("#id名")

$(".class名")

要素、id、class等をつなげて記載する

例：「test」というidを持つdiv要素
$("div#test")

例：「test」と「dummy」の２つのclassを持つ要素
$(".test.dummy")

要素、id、classなどを「,」でつなげて記載する

例：「test」classまたは「dummy」classを持つ要素
$(".test,.dummy")

例：a要素または「test」というidを持つ要素
$("a,#test")

先祖要素＋スペース＋対象要素となるように記載する

例：「test」idを持つ要素内にある「dummy」classを持つ要素
$("#test .dummy")

「>」で「親 > 子」となるように記載する

例：「test」idを持つ要素を親に持つ「dummy」classを持つ要素
$("#test > .dummy")

「+」でつなげて記載する

例：「test」idを持つ要素の次の「dummy」classを持つ要素（兄弟要素）
$("#test + .dummy")

「~」でつなげて記載する

例：「test」idを持つ要素以降に出てくる「dummy」classを持つ全ての要素（兄弟要素）を指定
$("#test ~ .dummy")