jQuery-コンテンツとプロパティの取得
4726 ワード
jQuery DOMオペレーションjQueryは、DOMに関連する一連の方法を提供し、要素および属性へのアクセスと操作を容易にする.DOMは、HTMLおよびXMLドキュメントへのアクセス基準を定義します.
取得内容-text()、html()およびval()text()-選択した要素のテキスト内容を設定または返します.
html()-選択した要素の内容(HTMLタグを含む)を設定または返します.
val()-フォームフィールドの値を設定または返します.
例1:
例2:
取得内容-text()、html()およびval()text()-選択した要素のテキスト内容を設定または返します.
html()-選択した要素の内容(HTMLタグを含む)を設定または返します.
val()-フォームフィールドの値を設定または返します.
例1:
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="/jquery/jquery-1.11.1.min.js"></script>
5 <script>
6 $(document).ready(function(){
7 $("#btn1").click(function(){
8 alert("Text: " + $("#test").text()); /* */ 9 });
10 $("#btn2").click(function(){
11 alert("HTML: " + $("#test").html()); /* （ HTML ）*/ 12 });
13 });
14 </script>
15 </head>
16
17 <body>
18 <p id="test"> <b> </b> 。</p>
19 <button id="btn1"> </button>
20 <button id="btn2"> HTML</button>
21 </body>
22
23 </html>例2:
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <script src="/jquery/jquery-1.11.1.min.js"></script>
5 <script>
6 $(document).ready(function(){
7 $("button").click(function(){
8 alert("Value: " + $("#test").val()); /* */ 9 });
10 });
11 </script>
12 </head>
13
14 <body>
15 <p> ：<input type="text" id="test" value=" "></p>
16 <button> </button>
17 </body>
18
19 </html>