jquery获取input

获取input元素的值

使用jQuery的val()方法可以获取input元素的值。假设input的id为myInput，代码如下：

var inputValue = $('#myInput').val();
console.log(inputValue); // 输出input的值

获取input元素的属性

通过attr()方法可以获取input的属性（如type、placeholder等）：

var inputType = $('#myInput').attr('type');
console.log(inputType); // 输出input的type属性值

监听input值的变化

使用on()或change()事件监听input值的改变：

$('#myInput').on('input', function() {
    console.log($(this).val()); // 实时输出变化的值
});

获取多个input的值

通过类选择器或属性选择器批量获取input值：

$('.input-class').each(function() {
    console.log($(this).val()); // 遍历输出每个input的值
});

动态创建的input元素

若input是动态生成的，需使用事件委托监听：

$(document).on('change', '#dynamicInput', function() {
    console.log($(this).val());
});

注意事项

• 确保DOM加载完成后再操作，代码需放在$(document).ready()或简写$(function() { ... })中。
• 对于表单提交前的验证，可结合val()和事件阻止（如e.preventDefault()）实现。