当前位置: 首页>>编程示例 >>用法及示例精选 >>正文

JQuery 属性不等于[name!="value"]用法及代码示例

用法
attributeNotEqual selector

说明：选择不具有指定属性或具有指定属性但不具有特定值的元素。

  • 添加的版本：1.0jQuery( "[attribute!='value']" )

    attribute: 一个属性名称。

    value: 一个属性值。可以是有效标识符或带引号的字符串。

此选择器等效于 :not([attr='value']) 。

其他注意事项：

  • 因为 [name!="value"] 是 jQuery 扩展而不是 CSS 规范的一部分，所以使用 [name!="value"] 的查询无法利用本机 DOM querySelectorAll() 方法提供的性能提升。为了在现代浏览器中获得更好的性能，请改用$( "your-pure-css-selector" ).not( "[name='value']" )。

例子：

查找所有不具有名称'newsletter' 的输入并将文本附加到它旁边的跨度。

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>attributeNotEqual demo</title>
  <script src="https://code.jquery.com/jquery-3.5.0.js"></script>
</head>
<body>
 
<div>
  <input type="radio" name="newsletter" value="Hot Fuzz">
  <span>name is newsletter</span>
</div>
<div>
  <input type="radio" value="Cold Fusion">
  <span>no name</span>
</div>
<div>
  <input type="radio" name="accept" value="Evil Plans">
  <span>name is accept</span>
</div>
 
<script>
$( "input[name!='newsletter']" ).next().append( "<b>; not newsletter</b>" );
</script>
 
</body>
</html>

演示：

相关用法


注：本文由纯净天空筛选整理自jquery.com大神的英文原创作品 属性不等于[name!="value"]。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。