jQuery_jqueryでの[attribute^=value]セレクターの使用例

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

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

このセレクターは、属性値が特定の値で始まる要素を選択できます。

文法構造:

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

パラメータリスト:

参数 描述
attribute 属性名称。
value 元素数属性开始的值。
引号在大多数情况下是可选的。但在遇到诸如属性值包含"]"时,用以避免冲突。

コード例:

例 1:

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



<頭>


スクリプト ホーム

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




  • html エリア

  • Jquery エリア



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

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







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

例 2:

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

<頭>


スクリプト ホーム

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




  • html エリア

  • Jquery ゾーン



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

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








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