Jquery綁定事件

Question

<img id="sun" href="logo.jpg"/> 

我該如何使用JQuery綁定它，以便當「sun」被點擊時，會發生什麼？ 我只想綁定onclick到太陽。

Answer 1

如果太陽是一個id，

$('#sun').click(function(eo) { 
    // your code here 
}); 

如果太陽是一個類，

Answer 2

我假設「太陽」是ID爲「太陽」的元素。

$("#sun").click(function(){ 
    alert("I was clicked!"); 
}); 

Answer 3

如果太陽是一個id：

$("#sun").click(function(ev){ 
    // this refers to the dom element 
    alert("I was clicked!"); 
    return false 
}); 

也許是類：

$(".sun").click(function(ev){ 
    // this refers to the dom element 
    alert("I was clicked!"); 
    return false 
}); 

或者也許是一個類，並且該元素可以在頁面加載後很好地創建 - 例如通過AJAX或DOM操作。

$(".sun").live('click',function(ev){ 
    // this refers to the dom element 
    alert("I was clicked!"); 
    return false 
}); 

JQuery的API參考：

• 選擇http://api.jquery.com/category/selectors/
• 。點擊（）http://api.jquery.com/click/
• .live（）http://api.jquery.com/live/