jqueryは音価を設定します

Web 開発では、ページ ナビゲーションにハイパーリンク (タグ) を使用することがよくあります。場合によっては、JavaScript コード内のタグ (href、title など) の属性値を変更または設定する必要があります。 jQuery は、DOM 操作を処理するための便利なメソッドを多数提供する非常に人気のある JavaScript ライブラリです。この記事では、jQueryを使ってタグの属性値を設定する方法を紹介します。

1. a タグの href 属性値を設定する

a タグのリンク アドレスを変更するには、jQuery の attr() メソッドを使用します。このメソッドは、要素の属性値を取得または設定できます。形式は次のとおりです:

$('selector').attr('attributeName','value'); //设置属性值

ここで、selector は要素セレクター、attributeName は属性名、value は属性値です。

Baidu にリンクされている a タグの href 属性値を設定する場合のコードは次のとおりです:

<a id="myLink" href="http://www.google.com">Google</a>  
<script>  
$("#myLink").attr("href", "http://www.baidu.com");  
</script> 

このコードは、Google からの a タグの href 属性値を変更します。百度へ。

2. タグの title 属性値を設定する

title 属性は、要素上にマウスを置いたときにテキストを表示するために使用されます。jQuery を使用した設定方法は次のとおりです。 href 属性の設定と同じで、コードは次のとおりです:

<a id="myLink" href="http://www.baidu.com" title="百度">Baidu</a>  
<script>  
$("#myLink").attr("title", "谷歌");  
</script> 

このコードは、a タグの title 属性値を Baidu から Google に変更します。

3. a タグの class 属性値を設定します

class 属性はスタイル クラスの設定に使用され、複数のスタイルを要素に同時に適用できます。時間。 jQuery では、addClass() メソッドとremoveClass() メソッドを使用して、クラス属性を追加または削除できます。コードは次のとおりです:

<a id="myLink" href="http://www.baidu.com" class="link1 link2">Baidu</a>  
<script>  
$("#myLink").addClass("link3"); //添加样式类link3
$("#myLink").removeClass("link2"); //删除样式类link2
</script> 

このコードは、スタイル クラス link3 を a タグに追加し、スタイルを削除しますクラスリンク2.

4. タグの target 属性値を設定する

target 属性は、リンクによって開かれるウィンドウを指定するために使用されます。オプションの値 (_blank など) 、_self、_parent、_top など。属性値は jQuery の attr() メソッドを使用して設定できます。コードは次のとおりです:

<a id="myLink" href="http://www.baidu.com" target="_blank">Baidu</a>  
<script>  
$("#myLink").attr("target", "_self");  
</script> 

このコードは、a タグのターゲット属性値を _blank から _self に変更し、指定されたリンクを開きます現在のウィンドウで。

5. タグのテキスト コンテンツを設定する

場合によっては、タグのテキスト コンテンツを変更する必要があります。これは、jQuery の text() および html( ) メソッド。 text() メソッドは要素のテキスト コンテンツを設定または取得するために使用され、html() メソッドは要素の HTML コンテンツを設定または取得するために使用されます。コードは次のとおりです:

<a id="myLink" href="#">Link</a>  
<script>  
$("#myLink").text("New Link Text"); //修改文本内容
$("#myLink").html("<b>New</b> Link Text"); // 修改HTML内容
</script> 

このコードは、a タグのテキスト コンテンツをリンクから新しいリンク テキストに変更します。html() メソッドを使用して太字効果を追加することもできます。

概要

上記の例を通じて、jQuery の attr() メソッドを使用すると、a タグのさまざまな属性を簡単に変更でき、それによってページ インタラクションをより適切に実現できることがわかります。 JavaScript と比較して、jQuery はよりシンプルで効率的な API を提供するため、すぐに Web 開発者にとって最初の選択肢となりました。

以上がjqueryは音価を設定しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。