jquery属性过滤选择器[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]、[attr|=value]

全栈工程师开发手册 （作者：栾鹏）

jquery系列教程1-选择器全解

jquery属性过滤选择器

jquery属性过滤选择器，包括[attr]、[attr=value]、[attr!=value]、[attr^=value]、[attr$=value]、[attr*=value]、[attr|=value]、[attr~=value]，具体功能如代码中注释。

代码如下：

$("div[title]");                //拥有属性title的div列表
$("div[title=test]");           //属性title为"test"的div列表
$("div[title!=test]");          //属性title不等于"test"或没有title属性的div列表
$("div[title^=test]");          //属性title以"test"开始的div列表
$("div[title$=test]");          //属性title以"test"结束的div列表
$("div[title*=test]");          //属性title含有"test"的div列表
$("div[title|=test]");          //属性title等于"test"或以"test-"开头的div列表
$("div[title~=test]");          //属性title用空格分割的值中包含test的div列表
$("div[id][title$=test]");      //包含属性id，同时属性title以"test"结束的div列表