Maison > interface Web > js tutoriel > Résumé des exemples d'utilisation courants du traitement des données dans jQuery

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

伊谢尔伦
Libérer: 2017-06-19 11:06:37
original
1331 Les gens l'ont consulté

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);  //'薯条'
Copier après la connexion

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

var obj = {
  name: 'dog',
  count: 10
};
var str = $.param(obj); //"name=dog&count=10"
Copier après la connexion

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
}
Copier après la connexion

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()方法了
Copier après la connexion

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);
Copier après la connexion

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]
});
Copier après la connexion

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];
Copier après la connexion

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
Copier après la connexion

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!

É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