jQuery セレクター [attribute!=value] の使用手順-jsチュートリアル-php.cn

jQuery セレクター [attribute!=value] の使用手順

黄舟

リリース： 2017-06-23 13:21:19

オリジナル

1305 人が閲覧しました

概要

指定された attribute を含まないすべての要素、または属性が特定の値と等しくないすべての要素と一致します。

このセレクターは以下と同等です: not([attr=value])
特定の属性を持つ要素を一致させるが、特定の値には等しくない場合は、[attr]:not([attr=value]) を使用します

パラメータ

attributeStringV1.0

ログイン後にコピー

属性名

value StringV1.0

ログイン後にコピー

属性値。ほとんどの場合、引用符はオプションです。ただし、属性値に「]」が含まれる場合の競合を避けるために使用されます。

例

説明:

name属性がニュースレターではないすべての入力要素を検索します

HTMLコード:

<input type="checkbox" name="newsletter" value="Hot Fuzz" /> 
<input type="checkbox" name="newsletter" value="Cold Fusion" /> 
<input type="checkbox" name="accept" value="Evil Plans" />

ログイン後にコピー

jQueryコード:

$("input[name!=&#39;newsletter&#39;]").attr("checked", true);

ログイン後にコピー

結果:

[ <input type="checkbox" name="accept" value="Evil Plans" checked="true" /> ]

ログイン後にコピー

このセレクターは、指定された属性を含むすべてに一致します、または属性が特定の値と等しくない要素。
このセレクターは not[([attr=value]) と同等です。
特定の属性を含むが特定の値と等しくない要素を一致させるには、[attr]:not([attr=value]) を使用してください

構文構造:

$("[attribute!=value]")

ログイン後にコピー

パラメータリスト:

jQuery セレクター [attribute!=value] の使用手順

サンプルコード:
例 1:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("li[id!=&#39;second&#39;]").css("color","blue"); 
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

ログイン後にコピー

上記のコードは、id 属性値が Second に等しくない、または id 属性値を持たない li 要素のテキストの色を青に設定できます。
例 2:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.jb51.net/" />
<title></title>
<script type="text/javascript" src="mytest/jQuery/jquery-1.8.3.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){ 
  $("button").click(function(){ 
    $("li[id!=sec[ond]").css("color","blue"); 
  }); 
}); 
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="sec[ond">Jquery专区</li>
</ul>

<button>点击查看效果</button>
</body>
</html>

ログイン後にコピー

上記のコードから、コードに「[」または「]」が含まれる場合、引用符で囲む必要があることがわかります。引用符で囲まないと、マッチングエラーが発生します。

以上がjQuery セレクター [attribute!=value] の使用手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。