如何使用jQuery來處理特定類型的HTML控件

Question

創建一個輸入一個click事件的易

$('input').click(function() { 
       alert('adsf'); 
     }); 

但我怎麼能有選擇性，使以前的代碼僅適用於類型複選框或類型的按鈕，而不是使用通用的「輸入」選擇器？

Answer 1

您可以使用一些內置的Selectors如:checkbox和:button來輕鬆找到這些元素。

$('input:checkbox').click(function() { 
    alert('checkbox'); 
}); 

$('input:button').click(function() { 
    alert('button'); 
}); 

還有:radio，:submit，:text，並且:input選擇，其中包括

Answer 2

jQuery的文檔退房this page。

Answer 3

$('input[type=checkbox]').click(function(){}); 
$('input[type=button]').click(function(){}); 
//or 
$('input:checkbox').click(function(){}); 
$('input:button').click(function(){}); 
//or combined, this is probably the best solution in your case 
$('input:button, input:checkbox').click(function(){}); 

2種不同的方法。無論你使用哪一個。兩者完全一樣。如果可能的話，我認爲最好的做法是讓兩個選擇器在一起。