ホームページ > ウェブフロントエンド > jsチュートリアル > jQuery_jqueryにおける[attribute*=value]セレクターの使用例

jQuery_jqueryにおける[attribute*=value]セレクターの使用例

WBOY
リリース: 2016-05-16 16:22:46
オリジナル
1005 人が閲覧しました

この記事の例では、jQuery での [attribute*=value] セレクターの使用法について説明します。皆さんの参考に共有してください。具体的な分析は次のとおりです。

このセレクターは、指定された属性の特定の値を含む要素と一致します。

文法構造:

コードをコピー コードは次のとおりです:
$("[attribute*=value]")

パラメータリスト:

参数 描述
attribute 定义要查找的属性。
value 定义要查找的值。
引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

コード例:

例 1:

コードをコピーします コードは次のとおりです:



<頭>


スクリプト ホーム

<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("li[id*='ir']").css("color","blue"); })
})




  • html エリア

  • Jquery エリア



  • スクリプト ハウスへようこそ

  • スクリプト ハウスはあなたを歓迎します







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

例 2:

コードをコピーします コードは次のとおりです:

<頭>


スクリプト ホーム

<スクリプトタイプ="text/javascript"> $(document).ready(function(){
$("ボタン").click(function(){
$("li[id*=[ir]").css("色","青"); })
})




  • html エリア

  • Jquery エリア



  • スクリプト ハウスへようこそ

  • スクリプト ハウスはあなたを歓迎します








上記のコードから、コードに「[」または「]」が含まれる場合、引用符で囲む必要があることがわかります。引用符で囲まないと、マッチング エラーが発生します。
この記事が皆さんの jQuery プログラミングに役立つことを願っています。
関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート