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

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

WBOY
Libérer: 2016-05-16 15:50:30
original
1133 Les gens l'ont consulté

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"));
});

Copier après la connexion

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);

Copier après la connexion

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 元素触发
....

Copier après la connexion

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"]); 

Copier après la connexion

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
//两者的结果有区别,字符串之间的空字符串占用索引!

Copier après la connexion

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.

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal