jQuery input selector(選擇器)是一種 jQuery 語法,能夠讓你方便地選中網頁中的 input 元素。在 jQuery 中,選取元素是關鍵的操作之一,通過選擇器你可以指定需要選取的元素,從而方便地對其執行各種操作。
下面是一些常見的 input 選擇器:
$('input') // 選擇所有 input 元素
$('#name') // 選擇 id 為 name 的 input 元素
$('.email') // 選擇 class 為 email 的 input 元素
$('input[type="checkbox"]') // 選擇所有 type 為 checkbox 的 input 元素
除了上面的選擇器之外,還有很多其他的可用選擇器,如 :checked、:disabled、:enabled 等等。
通過 input 選擇器,你可以方便地對網頁中的 input 元素執行各種操作:
// 選中所有 input 元素并添加樣式
$('input').addClass('form-control');
// 獲取輸入框的值
var nameValue = $('#name').val();
// 將輸入框的值設置為 'hello'
$('#name').val('hello');
// 禁用所有復選框
$('input[type="checkbox"]').prop('disabled', true);
// 驗證表單是否填寫正確
$('form').submit(function(e){
e.preventDefault();
var name = $('#name').val();
var email = $('#email').val();
if(name === '' || email === ''){
alert('請輸入您的姓名和郵箱!');
}else{
alert('提交成功!');
}
});
以上是 jQuery input selector 的一些基本用法和實例,掌握了這些,你就能靈活地使用 input 選擇器選取網頁中的 input 元素,并對其進行各種操作。