jQuery API の jQuery( ':target' ) は、URLの#以降の文字列が id 属性値である要素を選択する。
記述方法（構文）
jQuery( ':target' )
URLの#以降の文字列が id 属性値である要素を選択する。
実装例（サンプル）
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>
<!--
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>
<p id="sampleTarget">sampleTarget</p>