jquery 选取方法都有哪些

jQuery是一种流行的JavaScript库，提供了各种功能，如DOM操作，事件处理和AJAX。其中，最常用的功能可能就是选取元素了。下面是jQuery中常用的选取方法：

1. 通过标签名选取元素

使用jQuery选择器可以选择文档中的一个或多个标签。例如，通过 $('p') 可以选择所有 <p> 标签。

示例代码：

// 选取页面中所有的p标签
$('p').css('color', 'red');

2. 通过类名选取元素

使用jQuery选择器可以选择拥有特定类名的元素。例如，通过 $('.example') 可以选择所有 class 属性为 example 的元素。

示例代码：

<!-- HTML -->
<div class="example">example1</div>
<div class="example">example2</div>

// 选取页面中所有class为example的元素
$('.example').css('color', 'red');

3. 通过ID名选取元素

使用jQuery选择器可以选择文档中的一个或多个具有特定ID的元素。例如，通过 $('#myDiv') 可以选择 id 属性为 myDiv 的元素。

示例代码：

<!-- HTML -->
<div id="myDiv">example</div>

// 选取页面中id为myDiv的元素
$('#myDiv').css('color', 'red');

4. 选择所有元素

可以使用通配符选择所有元素。例如，通过 $('*') 可以选择文档中的所有元素。

示例代码：

// 选取页面中所有元素
$('*').css('color', 'red');

5. 选择元素属性

使用属性选择器可以选择拥有特定属性的元素。例如，通过 $('[href]') 可以选择所有拥有 href 属性的元素。

示例代码：

<!-- HTML -->
<a href="https://www.baidu.com">百度</a>
<a>不带链接</a>

// 选取页面中所有带有href属性的a标签
$('[href]').css('color', 'red');

6. 选择元素属性值

使用属性值选择器可以选择拥有特定属性值的元素。例如，通过 $('[href="https://www.baidu.com"]') 可以选择所有 href 属性值为 https://www.baidu.com 的元素。

示例代码：

<!-- HTML -->
<a href="https://www.baidu.com">百度</a>
<a href="https://www.google.com">谷歌</a>

// 选取页面中所有href为"https://www.baidu.com"的a标签
$('[href="https://www.baidu.com"]').css('color', 'red');

以上就是jQuery中常用的选取方法，通过这些方法可以方便地选取HTML元素，并对它们进行操作。