jQuery [属性*=値]セレクターを適用するにはどうすればよいですか?-jsチュートリアル-php.cn

jQuery [属性*=値]セレクターを適用するにはどうすればよいですか?

黄舟

リリース： 2017-06-23 13:39:26

オリジナル

1265 人が閲覧しました

戻り値:配列[属性$=値]

概要

は、特定の値で終わる要素である指定された属性と一致します

パラメータ

属性文字列 V1 .0

属性名

value StringV1.0

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

例

説明:

名前が「文字」で終わるすべての入力要素を検索します

HTMLコード:

<input name="newsletter" /> 
<input name="milkman" /> 
<input name="jobletter" />

ログイン後にコピー

jQueryコード:

$("input[name$=&#39;letter&#39;]")

ログイン後にコピー

結果:

[ <input name="newsletter" />, <input name="jobletter" /> ]

ログイン後にコピー

コードは次のとおりです:

rre ee

パラメータリスト:

jQuery [属性*=値]セレクターを適用するにはどうすればよいですか?

サンプルコード:

例1:

$("[attribute*=value]")

ログイン後にコピー

上記のコードは、id属性値に「ir」を含むli要素の文字色を青に設定することができます。

例 2:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.bitsCN.com/" />
<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;ir&#39;]").css("color","blue"); 
  })
})
</script>
</head>
<body>
<ul>
  <li id="first">html专区</li>
  <li id="second">Jquery专区</li>
</ul>
<button>点击查看效果</button>
</body>
</html>

ログイン後にコピー

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

以上がjQuery [属性*=値]セレクターを適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。