Событие привязки Jquery

Question

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

Как мне использовать JQuery, чтобы связать его, чтобы при нажатии на "солнце" что-то происходило? Я просто хочу привязать его к солнцу.

Answer 1

Если солнце - это идентификатор,

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

если солнце класс,

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

Answer 2

Я предполагаю, что "солнце" - это элемент с идентификатором "солнце".

$("#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/
• .click () http://api.jquery.com/click/
• .live () http://api.jquery.com/live/