dom_jquery での jquery 操作の一般的なメソッド

dom に対する Jquery の操作も非常に必要です。

1. DOM 操作用の 3 つのシンプルで実用的な jQuery メソッド:

・text() - 選択した要素のテキスト コンテンツを設定または返します

・html() - 選択した要素のコンテンツ(HTMLタグを含む)を設定または返します。

・val() - フォーム・フィールドの値を設定または返します。

2 . attr() は属性 を取得します。もちろん、これら 2 つは自分で値を設定して変更することもできます。

3. HTML コンテンツの追加 。新しい HTML コンテンツの追加

新しいコンテンツを追加するための 4 つの jQuery メソッドを学習します:

·append() - 選択した要素の末尾にコンテンツを挿入します。

·prepend( ) - コンテンツ

を選択した要素の先頭に挿入します · after() - コンテンツ

を選択した要素の後に挿入します · before() - コンテンツ

4. 要素/コンテンツを削除する
要素とコンテンツを削除する必要がある場合は、通常、次の 2 つの jQuery メソッドを使用できます:

・remove() - 削除選択された要素 (およびその子要素)

・empty() - 選択された要素から子要素を削除します


5.jQuery 操作 CSS
jQuery には CSS 操作を実行するためのメソッドがいくつかあります。以下について学習します:

・addClass() - 選択した要素に 1 つ以上のクラスを追加します

・removeClass() - 選択した要素から 1 つ以上のクラスを削除します

· toggleClass() - 選択した要素にクラスを追加/削除します

· css() - スタイル属性を設定または返します


Example
$ ("h1,h2,p").addClass("blue"); まず、複数のタグにスタイルを追加するときは、「,」を使用して区切ることがわかります。 Blue は set.Blue{} クラス セレクター

$("h1,h2,p").removeClass("blue");

$("h1,h2 ,p") である必要があります。 ).toggleClass("blue"); スタイルがある場合は削除され、スタイルがない場合は追加されます


6. 複数の CSS プロパティを設定します
など 複数の CSS プロパティを設定するには、次の構文を使用してください:

css({"propertyname":"value","propertyname":"value",...}); 🎜>

7.jQuery のサイズ メソッド
jQuerywidth() および height() メソッド

width() メソッドは、要素の幅を設定または返します（要素を除く）パディング、ボーダー、または外縁の距離)。

height() メソッドは、要素の高さを設定または返します (パディング、境界線、またはマージンは含まれません)。

jQueryinnerWidth() メソッドと innerHeight() メソッド

innerWidth() メソッドは、要素の幅 (パディングを含む) を返します。

innerHeight() メソッドは、要素の高さ (パディングを含む) を返します。

jQueryouterWidth() メソッドと externalHeight() メソッド

outerWidth() メソッドは、要素の幅 (パディングとボーダーを含む) を返します。

outerHeight() メソッドは、要素 (パディングとボーダーを含む) の高さを返します。