Maison  >  Article  >  interface Web  >  Résumé des méthodes jQuery courantes et importantes_jquery

Résumé des méthodes jQuery courantes et importantes_jquery

WBOY
WBOYoriginal
2016-05-16 15:50:301100parcourir

1.jquery données (nom)

La méthode data() ajoute des données à l'élément sélectionné ou obtient des données de l'élément sélectionné.

$("#btn1").click(function(){
 $("div").data("greeting", "Hello World");
});
$("#btn2").click(function(){
 alert($("div").data("greeting"));
});

Arguments 2.jquery

arguments est une référence à l'objet paramètre réel, qui est un objet de type tableau.

L'indice des arguments augmente de 0, 1,2,...., correspondant aux paramètres réels un à un.

L'attribut arguments.length représente le nombre de paramètres réels

les arguments ne doivent pas être un tableau, mais un objet long et ressemblant à un tableau, bien qu'il ait également un attribut de longueur

Les arguments seront trouvés dans chaque fonction. Par conséquent, les arguments ne trouveront que leurs propres arguments en interne et ne pourront pas faire référence à des arguments externes

// 求圆形面积,矩形面积, 三角形面积
  function area () {
  if(arguments.length == 1) {
  alert(3.14 * arguments[0] * arguments[0]);
  } else if(arguments.length == 2) {
  alert(arguments[0] * arguments[1]);
  } else if(arguments.length == 3) {
  alert(arguments[0] + arguments[1] + arguments[2]);
  } else {
  return null;
  }
  }


//调用
  area(10,20,30);

3.jquery target() event.target

L'attribut

target spécifie quel élément DOM a déclenché l'événement.

$("p, button, h1, h2").click(function(event){
 $("div").html("Triggered by a " + event.target.nodeName + " element.");
});
<p></p>
<button></button>
<h1></h1>
<h2></h2>
//当点击p标签的时候显示:点击事件由 P 元素触发
....

4.jquery trigger(event,[paramètre 1, paramètre 2,...])

La méthode

trigger() déclenche le type d'événement spécifié de l'élément sélectionné. (Les événements peuvent être personnalisés et les paramètres peuvent être transmis) Les événements personnalisés sont très importants et utiles !

 //myEvent为自定义事件名
    $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }); 
     $("#p1").trigger("myEvent",["Hello","World"]); 
//也可以这样写:
    $("#p1").bind("myEvent",function(str1,str2) {
        alert(str1 + ' ' + str2); 
     }).trigger("myEvent",["Hello","World"]); 

Sous-chaîne 5.js (démarrer, arrêter)

La méthode

substring() est utilisée pour extraire les caractères entre deux indices spécifiés dans une chaîne.

La sous-chaîne renvoyée par la méthode

substring() inclut les caractères au début mais n'inclut pas les caractères à l'arrêt.

var str="Helloworld!"
document.write(str.substring(3,7))
//结果
lowo
var str="Hello world!"//有两个空字符
document.write(str.substring(3,7))
//结果
lo
//两者的结果有区别,字符串之间的空字符串占用索引!

Regardez bien, il n'y a aucun personnage à l'arrêt !

Important : Contrairement aux méthodes slice() et substr(), substring() n'accepte pas les arguments négatifs.

6.js slice (démarrer, arrêter)

La méthode

slice() extrait une certaine partie d'une chaîne et renvoie la partie extraite sous forme de nouvelle chaîne. Identique à la sous-chaîne ci-dessus, à l'exclusion des caractères à l'arrêt

Une autre différence est : le démarrage et l'arrêt peuvent utiliser des nombres négatifs ! Autrement dit, -1 fait référence au dernier caractère de la chaîne, -2 fait référence à l'avant-dernier caractère, et ainsi de suite.

La méthode data() ajoute des données à l'élément sélectionné ou obtient des données de l'élément sélectionné.

Ce qui précède représente l’intégralité du contenu de cet article, j’espère que vous l’aimerez tous.

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn