前端Jquery小結

h1：標籤表明着一個網頁的題目或者是主題，通常只能出現一次，切勿使用過分；
h2：標籤表明着頁面內一篇文章的標題，因此也不要出現太多，一個頁面最好控制在3個之內。
h3：標籤通常做爲文章的子標題。在搜索引擎的權重就很低了。對strong標籤，是爲文字加粗，一樣含有加劇此文字的意思，通常也是用於標題。
h4-h6：是告訴搜索引擎這些不是很重要的內容，當一篇文章內容較多的時候，能夠用來講明一些內容是不很重要的。

能使用CSS完成的效果，儘可能不要使用HTML原標籤。如<strong>等

使用jquery選擇器選擇頁面元素時：
若是該元素在當前頁面上只出現了一次，避免使用class選擇器，請爲該元素設置id經過id進行選擇
class的出現應該是：1，批量操做css。  2:JQ的批量操做，不然不推薦使用

選擇器速度排行榜：
1:id  ：等於getElementById()
2:tag ：等於getElementsByTagName()

複雜頁面，最好等選出來在用過濾選擇器，不要一次性寫在一個string裏，
由於當有nth|eq|gt|lt|first|last|even|odd 的時候，選擇器會從左向右，屢次選擇，保存，過濾。效率很低。

除非在特殊狀況下, 不然每個js事件（例如:click, mouseover等。）都會冒泡到父級節點。
當咱們須要給多個元素調用同個函數時這點會頗有用。代替這種效率不好的多元素事件監聽的方法就是，你只需向它們的父節點綁定一次。 好比，咱們要爲一個擁有不少輸入框的表單綁定這樣的行爲：當輸入框被選中時爲它添加一個class傳統的作法是，直接選中input，而後綁定focus等，以下所示：

如下是引用片斷：
$("#entryform input").bind("focus", function(){
$(this).addClass("selected"); }).bind("blur", function(){
$(this).removeClass("selected");
}); 

固然上面代碼能幫咱們完成相應的任務，但若是你要尋求更高效的方法，請使用以下代碼：

如下是引用片斷：
$("#entryform").bind("focus", function(e){
var $cell = $(e.target);
// e.target 捕捉到觸發的目標元素
$cell.addClass("selected");
}).bind("blur", function(e){
var $cell = $(e.target); $cell.removeClass("selected"); }); 

　　經過在父級監聽獲取焦點和失去焦點的事件，對目標元素進行操做。在上面代碼中，父級元素扮演了一個調度員的角色，它能夠基於目標元素綁定事件。若是你發現你給不少元素綁定了同一個事件監聽，那麼如今的你確定知道哪裏作錯了。同理，在Table操做時，咱們也可使用這種方式加以改進代碼：普通的方式：

如下是引用片斷：
$('#myTable td').click(function(){
$(this).css('background', 'red'); });

　　改進方式：

如下是引用片斷： $('#myTable').click(function(e) { var $clicked = $(e.target); $clicked.css('background', 'red'); });