Comment utiliser la syntaxe de base de jQuery

1. La méthode attr()

attr() définit ou renvoie les attributs de l'élément.

attr(Nom de l'attribut) :Obtenir la valeur du nom de l'attribut de l'élément.

attr (nom de l'attribut, valeur de l'attribut) : définissez la valeur du nom de l'attribut de l'élément.

Exemple :

<a href=”http://127.0.01” id =”a1”>点我就变</a>
   <p>我改变后的地址是:<span id=”tip”></span></p>
   <script type=”text/javascript”>      
   $(“#a1”).attr(“href”,”www.imooc.com”);
       var $url = $(“a1”).attr(“href”);
        $(“#tip”).html($url);   </script>

2.

html() :Obtenir le contenu html de l'élément, et le code de format du texte original est également capturé .

text() :Obtenir le contenu html de l'élément. Le code de format du texte original est. pas capturé.

Si la méthode contient des paramètres, cela signifie que la valeur du paramètre est définie sur le contenu de l'élément.

Exemple :

<p id=”html”></p>
<p id=”text”></p>
<script type=”text/javascript”>  
var $content=”<b>你好</b>”;  
$(“#html”).html($content);
  $(“#text”).text($content);</script>

3.

addClass() :

exploite le style dans l'élément et le paramètre est le nom de style de l'élément ajouté.

css() : Écrivez directement le contenu de l'attribut du style entre parenthèses.

Exemple :

4.

<p id=”content”>我穿了一件红衣</p>   …
   $(#content”).css({“background-color”:”red”,”color”:”white”});

removeAttr(name):

implémente le nom d'attribut de l'élément supprimé.

removeClass(class):

Le nom du style qui implémente l'élément supprimé.

Exemple :

5. append()

<p id=”content” class=”blue white”>我脱下了一件蓝衣</p>…
$(“#content”).removeClass(“blue”,”white”);

append(content) : ajoute du contenu à l'élément spécifié. Le paramètre de contenu peut être un caractère, une balise d'élément HTML ou une fonction qui renvoie un contenu de chaîne.

Exemple :

6. appendTo()

function rethtml(){   
var $html = “<p id=”test” title=”hi”>我是调用函数创建的</p>”  
return $html;
}
$(“body”).append(rethtml());

appendTo():

Insérer du contenu dans l'élément spécifié

Utiliser le format

:$(content).appendTo( selector), content

représente le contenu qui doit être inséré, et le paramètre selector représente l'élément sélectionné. Exemple :

avant(), après()

<p>
  <span class=”green”>小乌龟</span>
</p> var $html = “<span class=”red”>小青蛙</span>
 $($html).appendTo(“p”);

before():

Insérer du contenu devant l'élément,

Format

:

$(selector).before(content.after():

Insérer du contenu après l'élément,

Format

 :

$(selector).after(content) Exemple :

8. clone()

<span class=”green”>交个朋友吧!</span>var $html = “<span class=”red”>兄弟</span>”
$(“.green”).after($html);

clone() :

Générer une copie de l'élément sélectionné,

Format

 :

$(selector).clone(),sélecteur

Peut être un élément ou du

HTMLContenu Exemple :

9. replaceWith(), replaceAll()

<span class=”green”>交个朋友吧!</span>
$(“body”).append($(“.green”).clone());

replaceWith():

Remplacer l'élément ou le contenu de l'élément

,Format

 :

$(selector).replaceWith(content) replaceAll() :

Remplacer l'élément ou le contenu dans l'élément

,Format

 :

$(content).replaceAll(selector)Exemple :

10. wrap (), wrapInner()

<span class=’green’ title=’hi’>我是屌丝</span>var $html = “<span class=’red’ title=’hi’>我是土豪</span>”;
$($html).repalceAll(“.green”);

wrap() :

est utilisé pour envelopper l'élément lui-même,

format

:

$(selector).wrap(wrapper)wraplnner():

est utilisé pour envelopper le contenu dans l'élément,

Format :

$(selector).wrapInner(wrapper)

wrapper参数为包裹元素的格式

例子：

<span class=”red” title=’hi’>我的身体有点歪</span>
$(“.red”).wrapInner(“<b></b>”);

十一、each()

each():遍历指定的元素集合，通过回调函数返回遍历元素的序列号，

格式：$(selector).each(function(index))

参数function为遍历时的回调函数，index为遍历元素的序列号，从0开始。

例子：

<span class=”green”>香蕉</span>
<span class=”green”>香蕉</span>
<span class=”green”>香蕉</span>
<span class=”green”>香蕉</span>
$(“span”).each(function(index){ if(index == 1){
$(this).attr(“class”,”red”);
}
});

十二、remove()、empty()

remove():删除元素本身和子元素，通过添加过滤参数指定需要删除的某些元素；

empty():只删除所选元素的子元素

例子：

<span class=”green”>香蕉</span>
<span class=”green”>香蕉</span>
<span class=”green”>香蕉</span>
<span class=”green”>香蕉</span>
$(“span”).empty(“.green”);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!