jQuery | [属性]选择器

在jQuery中，我们可以使用属性选择器来选取指定属性的元素。这对于处理拥有共同属性的元素非常有用。属性选择器的语法如下：

$("[attribute]")

其中attribute是目标属性的名称。我们可以通过这种方式选择特定属性的元素，无论该属性的值是什么。例如，下面的代码将选取所有title属性存在的元素：

$("[title]")

我们还可以使用属性选择器来匹配特定属性值的元素。语法如下：

$("[attribute=value]")

其中value是我们选择元素的属性值。下面的代码将会选中所有title属性值为"sample"的元素：

$("[title=sample]")

如果我们想选取title属性值以"sa"开头的元素，可以使用^=操作符。代码如下：

$("[title^=sa]")

如果我们想选取title属性值中包含"mple"的元素，可以使用*=操作符。代码如下：

$("[title*=mple]")

如果我们想选取title属性值以"e"结尾的元素，可以使用$=操作符。代码如下：

$("[title$=e]")

除了这些，我们还可以使用!=操作符选择除了指定属性值的所有元素。代码如下：

$("[title!=sample]")

此外，我们可以在属性选择器中使用多个属性值。如果需要选择多个属性值，需要将它们通过|分隔。代码如下：

$("[title|=sample]")

上述代码将选取title属性值为"sample"或以"sample-"开头的元素。

总之，属性选择器使得我们能够方便地选择特定属性的元素，从而为我们的开发带来了方便。