Résumé des exemples d'utilisation courants du traitement des données dans jQuery

Ici, nous présentons principalement l'utilisation courante du traitement des données de jQuery, et les exemples résument les méthodes courantes de traitement des données de jQuery telles que trim, param, isArray, isFunction et each. Les amis qui découvrent jQuery peuvent se référer à son utilisation.

1. $.trim() : Supprimez les caractères vides avant et après la chaîne .

var str = ' 薯条 ';
var formatStr = $.trim(str);  //'薯条'

2. $.param() : tableau ou sérialisation d'objet.

var obj = {
  name: 'dog',
  count: 10
};
var str = $.param(obj); //"name=dog&count=10"

3. $.isArray() : Vérifiez s'il s'agit d'un tableau.
4. $.isFunction() : Vérifiez s'il s'agit d'un type de fonction.
5. $.each(obj, [callback]):Parcourez le tableau ou l'objet de collection. obj est l'objet de collection à parcourir et callback représente la fonction de rappel , qui sera démarrée lorsque chaque membre sera parcouru. La fonction de rappel contient deux paramètres. Le premier paramètre est l'index du membre objet ou du tableau et le deuxième paramètre est la valeur correspondante.

var a = [x,y,z];
$.each(a, function(index, value) {
  console.log(index); //0,1,2
  console.log(value); //x,y,z
});
var b = {x:1, y:2, z:3};
$.each(b, function(key, value)) {
  console.log(key);  //x,y,z
  console.log(value); //1,2,3
}

Remarque : si vous souhaitez quitter la boucle each() à mi-chemin, vous pouvez renvoyer false dans la fonction de rappel, et les autres valeurs de retour seront ignorées.

$.each() et $(selector).each() ont la même fonction, mais $.each() peut traverser n'importe quel objet ou tableau, tandis que $(selector).each() ne peut traverser que la sélection actuelle L'objet jQuery sélectionné par le sélecteur.

6. $.makeArray() : Convertissez des objets de type tableau en objets de tableau. L'objet dit de type tableau a un attribut de longueur et l'index est compris entre 0 et longueur-1. Mais ces objets ne peuvent pas appeler de méthodes tableau.

var arr = $.makeArray($('li')); //类数组对象转换为数组
$('ul').html(arr.reverse()); //可以调用数组的reverse()方法了

7. $.grep() : Filtre les éléments du tableau qui ne remplissent pas les conditions selon la fonction de filtre.

$.grep(array, callback, [invert]);

Explication : Le paramètre array représente le tableau à filtrer et le callback représente la fonction de filtrage. Si la fonction de filtre renvoie vrai, l'élément est conservé ; si la fonction de filtre renvoie faux, l'élément est supprimé. Paramètre invert, facultatif, s'il est faux ou non défini, renvoie les éléments du tableau qui sont renvoyés vrais par la fonction de filtre ; si ce paramètre est vrai, renvoie les éléments qui sont renvoyés faux par la fonction de filtre ;

var a = [1,2,3,4,5];
a = $.grep(a, function(value, index)) {
  return value > 3; //a现在为[4,5]
});
var b = [1,2,3,4,5];
b = $.grep(b, function(value, index)) {
  return value > 3; //b现在为[1,2,3]
}, true);

8. $.map() : Tableau de cartes.
$.map(array, callback);

var a = [1,2,3,4];
a = $.map(a, function(elem)) {
  return elem * 2; //a现在为[2,4,6,8]
});

9 $.merge() : Fusionner des tableaux.
Description : Accepte deux paramètres de tableau.

var a = [1,2,3];
var b = [4,5];
var c = $.merge(a,b); //c为[1,2,3,4,5];

10. $.unique() : Supprimez les doublons dans le tableau d'éléments DOM.

...
<a id="1" class="link link1"></a>
<a id="2" class="link"></a>
<a id="3" class="link"></a>
...
var $link = $(&#39;.link&#39;); //包含#1,#2,#3
var $firstLink = $(&#39;.link1&#39;); //包含#1
var $links = $.merge($link, $firstLink); //包含#1,#2,#3,#1
var $linkList = $.unique($link); //包含#1,#2,#3

Remarque : il ne peut traiter que les tableaux d'éléments DOM, mais ne peut pas traiter les chaînes ou les tableaux JavaScript.

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!