jQueryタグの付与とタグ内容の取得

9972 ワード

1.jQueryがラベルの内容を取得する方法
•text()-選択した要素のテキスト内容を設定または戻します•html()-選択した要素の内容(HTMLタグを含む)を設定または戻します•val()-フォームフィールドの値を設定または戻します
1.1$text()/選択した要素のテキスト内容を返す
$("#test").text()
<span id="test">      </span>

1.2 html()/選択した要素の内容(HTMLタグを含む)を返す
$("#test").html()
<p id="test">       <b>  </b></p>

1.3 val()/フォームフィールドの値を返す
$("#test").val()
<input id="test" value="      ">

2.jQueryタグ取得属性の値の取得方法-attr()
var t=$("#test").attr("href")//t=="mytest"
<a href="mytest" id="test">  </a>

3.jQueryがラベル属性に値を付与する方法
attr(   ,    )  
$("#test").attr("href","www.baidu.com")

4.attr(properties)/名前/値形式のオブジェクトをすべての一致する要素の属性に設定する
4.1 の2番目の
  • 設定titleとalt属性を取得します.
    <script>
       
    $("ul li:eq(1)").attr({
         title:"111",alt:"222"});
       
    $("ul li:eq(1)").attr("title","111");
    $("ul li:eq(1)").attr("alt","222");
    </script>
    

    liにaltを追加するのはエラーで、img、area、input要素(applet要素を含む)でのみ使用できます.input要素の場合、altプロパティは、コミットボタンのピクチャを置き換えることを意味します.ここではattr()メソッドを詳細に説明するために適切な属性がなく,altを用いて例を挙げ,attr()メソッドの使い方を学習するためにのみ用いた.ここでaltとtiteの違いを説明します.
    alt:これはグラフィックを記述するための文字で、画像が表示できない場合、これらの文字は画像の代わりに表示されます.マウスを画像に移動すると、テキストも表示されます.タイトル:マウスを乗せると表示される文字です.
    4.2 のうち2番目の
  • にclass、idを設定する.
    <script>
    $("ul li:eq(1)").attr({
         className:"lili"});
    </script>
    <script>
    $("ul li:eq(1)").attr({
         id:"lili"});
    </script>
    

    4.3 のうち2番目の
  • 設定styleを取得する.
    <script>
    $("ul li:eq(1)").attr({
         style:"color:red"});
    </script>
    

    5.ラベル属性の削除
    $("#test").removeAttr("title")
    

    6.ラベルの削除
    $("#test").remove();//  id  
    $("p").remove(".test");//   class="test"