知識点1:3つの実用的なjQueryのDOM操作方法=>取得、置換

1、text();選択した要素のテキスト内容を設定または返します.
2、html();選択した要素の内容(HTMLタグを含む)を設定または返します.

    ：





    $(document).ready(function(){
      $("#btn1").click(function(){
             alert("Text: " + $("#test").text());
  });
       $("#btn2").click(function(){
             alert("HTML: " + $("#test").html());
          });
   });




          。
    
   HTML

3、属性取得-attr()メソッドは、属性値を取得するために使用されます.

    ：





<span>		</span>$(document).ready(function(){
  <span>		</span>$("button").click(function(){
   <span>		</span> alert($("#w3c").attr("name"));
 <span>	</span> <span>	</span>});
<span>	</span>});
<span>	</span>




   href  

4、Val();フォーム・フィールドの値を設定または返します.説明:フォーム・リストの値を取得する

    ：





<span>	</span>$(document).ready(function(){
  <span>	</span>$("button").click(function(){
    <span>	</span>alert("Value: " + $("#test").val());
  <span>	</span>});
});
<span>	</span>



  ：
   

5、text()、HTML()およびval()で既存のコンテンツを置き換える

    ：





$(document).ready(function(){
 <span>	</span> $("#btn1").click(function(){
    <span>	</span>$("#test1").text("Hello world!");
  });
  <span>	</span>$("#btn2").click(function(){
    <span>	</span>$("#test2").html("<b>Hello world!</b>");
  });
  <span>	</span>$("#btn3").click(function(){
    <span>	</span>$("#test3").val("Dolly Duck");
  });
});




    。
       。
Input field: 
    
   HTML
   

6、attr()メソッドを使用して属性値を設定/変更する
コードは次のとおりです.

<span>	</span>$(document).ready(function(){
  <span>	</span>$("button").click(function(){
    <span>	</span>$("#w3s").attr("href","http://www.w3school.com.cn/jquery");
  });
});




W3School.com.cn
   href  
  button     P    href