Доступ к двум различным кнопкам в JQuery

Я новичок в веб-разработке, и сейчас изучаю JQuery. У меня есть сомнения. Это код от W3Schools.com. Я хотел бы знать, добавлю ли я еще одну кнопку здесь, как я могу запустить этот JavaScript для события click только кнопки FIRST.Доступ к двум различным кнопкам в JQuery

<!DOCTYPE html> 
<html> 
<head> 
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> 
</script> 
<script> 
$(document).ready(function(){ 
    $("button").click(function(){ 
    $("p").hide(); 
    }); 
}); 
</script> 
</head> 

<body> 
<h2>This is a heading</h2> 
<p>This is a paragraph.</p> 
<p>This is another paragraph.</p> 
<button>Click me</button> 
<br /> 
<button>Second Button</button> 
</body> 
</html>

источник

2013-04-15 Isaac

Вы можете добавить идентификатор кнопки и поставить событие щелчка по этому идентификатору, выбрав, как это (если кнопка идентификатор «SubmitForm») $("#submitForm")

В самом деле, есть много способов, вы можете выбрать элементы с JQuery, проверить это: http://api.jquery.com/category/selectors/

в вашем конкретном примере, если вы не хотите поставить ID на кнопки, вы можете использовать: первый доступ только первый, как это $("button:first")

источник

2013-04-15 20:30:50 smerny

Благодаря кучу. – Isaac

Изменить

$("button").click(function(){ 
    $("p").hide(); 
    });

$("button").eq(0).click(function(){ 
    $("p").hide(); 
    });

Это будет связывать только события нажатия первой кнопки. См. http://api.jquery.com/eq/.

jsFiddle example

источник

2013-04-15 20:34:23 j08691

Спасибо, очень оценен. – Isaac

Доступ к двум различным кнопкам в JQuery

ответ

Смежные вопросы