jquery 属性选择器（匹配具有指定属性的元素）

jQuery属性选择器可以使用属性值匹配来查找元素。通过使用jQuery属性选择器，您可以选择具有指定属性、特定属性值或属性值以特定值开头/结尾的元素。

下面是完整的jquery属性选择器攻略：

基本语法

属性选择器使用方括号 [] 来选择含有指定属性的元素。方括号内包含属性名称或属性名称与值的组合。以下是基本属性选择器的语法：

$("[attribute]")   // 选择具有指定属性名的元素
$("[attribute='value']")  // 选择具有指定属性值的元素
$("[attribute!='value']")  // 选择不含有指定属性值的元素
$("[attribute^='value']") // 选择属性值以指定字符串开头的元素
$("[attribute$='value']") // 选择属性值以指定字符串结尾的元素
$("[attribute*='value']") // 选择属性值包含指定字符串的元素

其中，attribute是元素的属性名称，value是需要匹配的属性值。

示例解释

这里提供两个示例，来说明如何使用jQuery属性选择器匹配元素：

示例一：选择所有href属性以https开头的链接

假设有以下html代码：

<a href="https://www.baidu.com">百度一下，你就知道</a>
<a href="http://www.google.com">Google</a>
<a href="ftp://example.com">FTP example</a>

想要选择所有href属性以https开头的链接，可以这样写：

$('a[href^="https://"]')

这会选择第一个链接元素（https://www.baidu.com），而不会选择其他链接元素。

示例二：选择所有含有data-属性的元素

假设有以下html代码：

<div data-sample="test1"></div>
<p data-example="hello world"></p>
<div data-test="123"></div>

想要选择所有含有data-属性的元素，可以这样写：

$("[data-*]")

这会选择所有的三个元素，因为它们都含有data-属性。

总之， jQuery属性选择器非常有用，可以帮助您快速定位匹配到想要的元素。