jQuery選取元素方式介紹

jQuery的選取方式依照個人的習慣與使用場合，分別整理出下列的方式

$(selectors);

============================================
Tag selector
============================================
jQuery 中 $("a"); // 取得頁面中所有的<a>標籤元素

JS DOM 中 document.getElementsByTagName("a");

 CSS 中 a {}

============================================
ID selector
============================================
jQuery 中 $("#container"); // 取得id為container的元素
JS DOM 中 document.getElementById("container");
CSS 中 #container {}

============================================
Class selector
============================================
 jQuery 中 $(".content"); // 取得class name為content的所有元素
JS DOM 中 document.getElementsByClassName("content");
CSS 中 .content {}