Latest web development tutorials

jQueryのは、コンテンツおよびプロパティを取得します

jQueryのは、操作可能なHTML要素を持っており、強力な方法を属性。


jQueryのDOM操作

jQueryのは非常に重要な部分は、DOM操作する機能です。

jQueryのは非常に簡単になる要素と属性へのアクセスと操作を行い、DOM、関連付けられたメソッドのセットを提供します。

ランプDOM =ドキュメントオブジェクトモデル(Document Object Model)の

アクセス基準を定義するためのDOM HTMLとXMLドキュメント:

「プログラムとスクリプトが動的にアクセスし、文書構造とスタイルを更新することができ、W3Cドキュメントオブジェクトモデルのプラットフォームに依存しない言語インターフェース。」



コンテンツを取得する - テキスト()、HTML()とval()

jQueryのDOM操作のための3つのシンプルで実用的な方法:

  • テキスト() - 設定または選択した要素のテキストコンテンツを返します。
  • htmlの() - 設定または(HTMLタグを含む)選択した要素の内容を返します
  • ヴァル() - 値やフォームフィールドを返します

次の例では、jQueryのテキスト()とhtml()メソッドは、コンテンツを取得する方法を示しています。

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

»をお試しください

次の例では、jQueryのヴァル()メソッドは、入力フィールドの値を取得する方法を示しています。

$("#btn1").click(function(){
alert("值为: " + $("#test").val());
});

»をお試しください


プロパティを取得する - のattr()

jQueryのATTR()メソッドは、プロパティ値を取得するために使用されます。

次の例では、リンクのhref属性の値を取得する方法を示しています。

$( "ボタン")。(関数(){をクリックします
アラート($( "#のw3big」)のattr(" HREF "));
});

»をお試しください

次の章では、コンテンツと属性値(変化)を設定する方法を説明します。