使用jq获取元素值的常见写法总结

$('tagname').val(); // 通过标签名获取元素值
$('.classname').val(); // 通过类选择器获取元素值

$('#idname').val(); // 通过ID选择器获取元素值

$('[attrname]').val(); // 获取具有指定属性的元素值

$('input[name="inputname"]').val(); // 获取指定输入框的值
$('select[name="selectname"]').val(); // 获取指定下拉列表的值
$('textarea[name="textareaname"]').val(); // 获取指定文本区域的值

var value = $('.classname:eq(0)').val(); // 获取第一个元素的值

var value = $('parentselector childselector').val(); // 获取父元素内部子元素的值

var value = $('.classname')
  .filter(':input') // 仅选择输入元素
  .filter(':visible') // 仅选择可见元素
  .val(); // 获取元素的值

$('.classname').val(function(index, value) {
  // 对每个元素的值进行处理
  return value + ' processed';
});

var parentValue = $('.classname').parent().val();

var ancestorValue = $('.classname').parents('.ancestorclass').val();

var childrenValue = $('.classname').children().val();

var siblingValues = $('.classname').siblings().val();