【JS】javascript选择器和jQuery的区别

• 一、使用 JavaScript 获取元素的值

• 1.通过getElementById：
   

  var value = document.getElementById('elementId').value;

• 2.通过 querySelector：

  var value = document.querySelector('.className').value; // 根据类名
  var value = document.querySelector('input[name="inputName"]').value; // 根据属性

• 3.通过 getElementsByClassName 或 getElementsByTagName：

  var elements = document.getElementsByClassName('className');
  var value = elements[0].value; // 获取第一个元素的值
  var elements = document.getElementsByTagName('input');
  var value = elements[0].value; // 获取第一个 input 元素的

• 二、使用 jQuery 获取元素的值

• 1.通过选择器

  var value = $('#elementId').val(); // 根据 ID
  var value = $('.className').val(); // 根据类名
  var value = $('input[name="inputName"]').val(); // 根据属性

• 2.获取多个元素的值

  $('.className').each(function() {
      var value = $(this).val();
      console.log(value);
  });//如果选择了多个元素，可以使用 .each() 方法进行遍历;

总结： 

• 在 JavaScript 中，使用 document.getElementById、document.querySelector 等方法来获取元素，然后通过 .value 属性获取值。

• 在 jQuery 中，使用 $ 选择器和 .val() 方法来获取元素的值，语法更简洁。