jQuery( ':target' )

jQuery API の jQuery( ':target' ) は、URLの#以降の文字列が id 属性値である要素を選択する。

記述方法(構文)

jQuery( ':target' )

URLの#以降の文字列が id 属性値である要素を選択する。

実装例(サンプル)

URLに「#sampleTarget」を付加。

sampleTarget

実装例(サンプル)の動作について

「URLに「#sampleTarget」を付加。」をクリックすると、id 属性値が「sampleTarget」である p 要素の背景色がピンク色になる。

実装例(サンプル)のソースコード

JavaScript

<script type="text/javascript">
<!--
jQuery( function() {
    jQuery( 'a[href=#sampleTarget]' ) . click( function(){
        location . href = this . href;
        jQuery( ':target' ) . css( 'background-color', 'pink' );
    } );
} );
// -->
</script>

HTML

<p><a href="#sampleTarget">URLに「#sampleTarget」を付加。</a></p>
<p id="sampleTarget">sampleTarget</p>

スポンサード リンク

カテゴリー: API, JavaScript, jQuery, セレクター, 基本 タグ: パーマリンク