JavaScript和jQuery的各标签选取方式？

在JavaScript和jQuery中，选取HTML标签通常使用以下方法：

1. JavaScript原生方法：

   • document.getElementById('id')：通过元素ID获取一个元素。
   • document.getElementsByClassName('class')：通过元素类名获取元素集合。
   • document.getElementsByTagName('tagname')：通过元素标签名获取元素集合。
   • document.querySelector('#id')：通过CSS选择器获取第一个匹配的元素。
   • document.querySelectorAll('.class')：通过CSS选择器获取所有匹配的元素集合。

2. jQuery方法：

   • $('#id')：通过ID选取元素。
   • '.class'：通过类名选取元素。
   • 'tagname'：通过标签名选取元素。
   • $('selector')：通过CSS选择器选取元素。

示例代码：

// JavaScript原生方法
var elementById = document.getElementById('myId');
var elementsByClassName = document.getElementsByClassName('myClass');
var elementsByTagName = document.getElementsByTagName('div');
var firstElementByQuery = document.querySelector('div.myClass');
var allElementsByQuery = document.querySelectorAll('p');
 
// jQuery方法
var jqueryElementById = $('#myId');
var jqueryElementByClass = $('.myClass');
var jqueryElementByTag = $('div');
var jqueryElementBySelector = $('p.myClass');