jQueryの(コンテンツに対する操作、要素、属性、クラス)の

コンテンツの操作:

キャプチャ:コンテンツ取得

テキスト() -設定または返す選択された要素のテキスト内容
HTML() -セット、または選択された要素(HTMLタグ)の内容を返す
ヴァル() -セットフォームフィールドまたは戻り値。

 

:セットの内容

新しいコンテンツを追加します。

テキスト(「新しいコンテンツ」) -セット選択したテキスト要素の
HTML(「新しいコンテンツ」) -選択された要素の内容が提供される(HTMLタグ)
ヴァル(「新しいコンテンツ」) -フォームフィールドの設定値

 

古いコンテンツインデックスと現在の要素を取得するには、コールバック関数を介して、同時に新しいコンテンツを追加します。

<身体>
<P> baidu.com.cn </ P>
<P> baidu.com.cn </ P>
<P> baidu.com.cn </ P>
<ボタン>新しいコンテンツを追加する</ボタン>
</ BODY>
</ HTML>
<スクリプト> 
$(ドキュメント).ready(関数(){
  $( "ボタン")。(クリック機能(){
    ($。 "P")HTML(関数(I、origValue){
         // iは、現在選択されているコールバック関数要素インデックス、origValueオリジナルテキスト
        復帰 I + "" + origValue + "/ニュース" ;
    });
  }); 
});
</ SCRIPT>

要素の動作:

要素の追加:新しいHTMLコンテンツを追加

1.append() - 挿入選択された要素の内端

2.prepend() - 選択された要素内のコンテンツの先頭に挿入されます

3.after() - 選択されている外部要素の後に挿入

4.before() - 選択される前に、外部の要素を挿入します

要素を削除します:

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

2.emptyは() - 選択された要素からその子要素を削除します

 

プロパティの操作:

プロパティ値を取得するために使用されるのattr()メソッド:プロパティを取得します。

$( "ボタン")。(クリック機能(){
  警告($( "#runoob")のattr( "HREF"。 ));
});

プロパティを設定します。

 ATTR(「属性名」、「属性値」)メソッドは、プロパティ値を設定するために使用されます。

複数のプロパティ:

$( "ボタン")。(クリック機能(){
    $( "#runoob" ).ATTR({
         "HREF": "http://www.baidu.com"  "タイトル": "百度"
    });
});

 

古いプロパティと現在の要素の下に取得するには、コールバック関数を介して、同時に新しいプロパティを追加します。

<身体>
<P> <a href="http://www.baidu.com.cn" class="baidu"> baidu.com.cnする</a> </ P>
<P> <a href="http://www.baidu.com.cn" class="baidu"> baidu.com.cnする</a> </ P>
<P> <a href="http://www.baidu.com.cn" class="baidu"> baidu.com.cnする</a> </ P>
<ボタン>変更値のhref </ボタン>
<P>リンクの上にマウスポインタを移動したり、hrefの値が変更されている見るためにリンクをクリックしてください。</ P>
</ BODY>
</ HTML>
<スクリプト> 
$(ドキュメント).ready(関数(){
  $( "ボタン")。(クリック機能(){
    $( ".Baidu ")HTML(。機能(I、origValue){
         // コールバック関数iは、現在選択されている要素のインデックス、origValue元のテキストの
        リターンが I +"、" + origValue + "/イメージ" 
    });
  }); 
});
</ SCRIPT>

 

削除属性:removeAttrは()の要素にマッチしたすべての属性から指定した削除します。

 

クラスクラスアクション:

addClass()は、マッチした要素に指定したクラス名を追加します。
マッチした要素は、指定されたクラスを持っているかどうかをチェックするhasClass()。

removeClass()は、一致したすべての要素からすべてまたは指定されたクラスを削除します。
追加またはマッチした要素のクラスから削除するtoggleClass()。

 

 

 

 

 

 

 

 

 

おすすめ

転載: www.cnblogs.com/www1842564021/p/11856561.html