Combien de types de données jquery existe-t-il ?

Il existe 14 types de données jquery : 1. Type de chaîne ; 2. Type de nombre ; 3. Type mathématique ; 4. Type non-nombre et Infini infini ou petit ; BOOLEAN Type booléen ; 7. Type de tableau, etc.

L'environnement d'exploitation de ce tutoriel : système windows10, version jquery3.2.1, ordinateur Dell G3.

Il existe plusieurs types de données jquery

Il existe 14 types de données jquery

En plus des types de données intégrés dans JS natif, jQuery comprend également certains types de données étendus (types virtuels), tels que les sélecteurs, les événements, etc.

1. String

String est le plus courant et est pris en charge par presque tous les langages de programmation et de script de haut niveau, tels que "Hello world!" Le type de chaîne est une chaîne. Par exemple

var typeOfStr = typeof "hello world";//typeOfStr为“string"

1.1 Méthode intégrée de chaîne

"hello".charAt(0) // "h"
"hello".toUpperCase() // "HELLO"
"Hello".toLowerCase() // "hello"
"hello".replace(/e|o/g, "x") // "hxllx"
"1,2,3".split(",") // ["1", "2", "3"]

1.2 attribut length : renvoie la longueur du caractère, telle que "hello".length renvoie 5

1.3 Convertir la chaîne en booléen :

Une chaîne vide ("") par défaut à false, Une chaîne non vide est vraie (comme "bonjour").

2. Nombre

Le type de numéro, tel que 3.1415926 ou 1, 2, 3...

le type de 3.1415926 renvoie "numéro"

2.1 Le nombre est converti en booléen :

Si une valeur numérique est 0, la valeur par défaut est false, sinon c'est vrai.

2.2 Puisque Number est implémenté à l'aide de nombres à virgule flottante double précision, la situation suivante est raisonnable :

0.1 + 0.2 // 0.30000000000000004

3 Math

Les méthodes suivantes sont similaires aux méthodes statiques de la classe Math en Java.

Math.PI // 3.141592653589793
Math.cos(Math.PI) // -1

3.1 Convertir une chaîne en nombre : méthodes parseInt et parseFloat :

parseInt("123") = 123 (采用十进制转换)
parseInt("010") = 8 (采用八进制转换)
parseInt("0xCAFE") = 51966 (采用十六进制转换)
parseInt("010", 10) = 10 (指定用10进制转换)
parseInt("11", 2) = 3 (指定用二进制转换)
parseFloat("10.10") = 10.1

3.2 Nombre en chaîne

Lorsque vous ajoutez un nombre à (ajoutez) la chaîne, vous obtiendrez la chaîne.

"" + 1 + 2; // "12"
"" + (1 + 2); // "3"
"" + 0.0000001; // "1e-7"

Ou utilisez la conversion de type forcée :

String(1) + String(2); //"12"
String(1 + 2); //"3"

4. NaN et Infinity

Si la méthode parseInt est appelée sur une chaîne non numérique, NaN (Pas un nombre) sera souvent utilisé. pour détecter si une variable est de type Nombre, comme suit :

isNaN(parseInt("hello", 10)) // true

Infinity représente des valeurs infiniment grandes ou infiniment petites, telles que 1 / 0 // Infinity.

L'appel du type d'opérateur sur NaN et Infinity renvoie "numuber".

Aussi NaN==NaN renvoie faux, mais Infinity==Infinity renvoie vrai.

5. Integer et Float

sont divisés en types entiers et à virgule flottante.

6. BOOLEAN

Type booléen, vrai ou faux.

7. OBJET

Tout en JavaScript est un objet. Effectuer un type d'opération sur un objet renvoie "objet".

var x = {}; 
var y = { name: "Pete", age: 15 };

Pour l'objet y ci-dessus, vous pouvez utiliser des points pour obtenir les valeurs d'attribut. Par exemple, y.name renvoie "Pete", y.age renvoie 15

7.1 Array Notation (méthode d'accès au tableau pour accéder à l'objet)

var operations = { increase: "++", decrease: "--" } 
var operation = "increase"; 
operations[operation] // "++"; 
operations["multiply"] = "*"; // "*"

Les opérations ci-dessus["multiplier"]="*"; ajoute une paire clé-valeur à l'objet opérations.

7.2 Accès à la boucle d'objet : for-in

var obj = { name: "Pete", age: 15}; 
for(key in obj) { 
alert("key is "+[key]+", value is "+obj[key]); 
}

7.3 Tout objet, qu'il ait ou non des attributs et des valeurs, est par défaut true

7.4 L'attribut Prototype de l'objet

utilise fn (alias de Prototype) dans jQuery pour le changer dynamiquement en Instances jQuery Ajouter des objets (fonctions)

var form = $("#myform"); 
form.clearForm; // undefined 
form.fn.clearForm = function() {
return this.find(":input").each(function() { this.value = ""; }).end();
}; 
form.clearForm() // works for all instances of jQuery objects, because the new method was added

8 OPTIONS

Presque tous les plug-ins jQuery fournissent une API basée sur OPTIONS OPTIONS est un objet JS, ce qui signifie que l'objet et son. les propriétés sont facultatives (facultatif) de). Autoriser la personnalisation.

Par exemple, si vous soumettez un formulaire en utilisant Ajax,

$("#myform").ajaxForm();//默认采用Form的Action属性值作为Ajax-URL，Method值作为提交类型(GET/POST)
$("#myform").ajaxForm({ url: "mypage.php", type: "POST" });//则覆盖了提交到的URL和提交类型

9 ARRAY

var arr = [1, 2, 3];

ARRAY est une liste de variables. ARRAY est aussi un objet.

Lisez ou définissez la valeur de l'élément dans ARRAY, utilisez cette méthode :

var val = arr[0];//val为1
arr[2] = 4;//现在arr第三个元素为4

9.1 Boucle de tableau (traverse)

for (var i = 0; i < a.length; i++) { // Do something with a[i] }

Mais lorsque l'on considère les performances, il est préférable de lire la propriété length une seule fois, comme suit :

for (var i = 0, j = a.length; i < j; i++) { // Do something with a[i] }

jQuery Chaque méthode est fournie pour parcourir le tableau :

var x = [1, 2, 3]; 
$.each(x, 
function(index, value) { 
console.log("index", index, "value", value); 
});

9.2 Appeler la méthode push sur le tableau signifie ajouter un élément à la fin du tableau, comme x.push(5 et x.[x.length]); = 5; équivalent

9.3 Autres méthodes intégrées de tableaux :

var x = [0, 3, 1, 2]; 
x.reverse() // [2, 1, 3, 0] 
x.join(" – ") // "2 - 1 - 3 - 0" 
x.pop() // [2, 1, 3] 
x.unshift(-1) // [-1, 2, 1, 3] 
x.shift() // [2, 1, 3] 
x.sort() // [1, 2, 3] 
x.splice(1, 2) // 用于插入、删除或替换数组元素，这里为删除从index=1开始的2个元素

9.4 Les tableaux sont des objets, ils sont donc toujours vrais

10 MAP

Le type de carte est utilisé par la fonction AJAX pour contenir. les données d'une requête. Ce type peut être une chaîne, un tableau<éléments de formulaire>, un objet jQuery avec des éléments de formulaire ou un objet avec des paires clé/valeur. Dans ce dernier cas, il est possible d'attribuer plusieurs valeurs à. une clé en attribuant un tableau. Comme ci-dessous :

{ 'key[]':['valuea','valueb']}

11 FONCTION : anonyme et célèbre

11.1 Contexte, appeler et postuler.

In JavaScript, the variable "this" always refers to the current context.

$(document).ready(function() { 
// this refers to window.document}); 
$("a").click(function() { // this refers to an anchor DOM element
});

12. SELECTOR

There are lot of plugins that leverage jQuery's selectors in other ways. The validation plugin accepts a selector to specify a dependency, whether an input is required or not:

emailrules: { required: "#email:filled" }

This would make a checkbox with name "emailrules" required only if the user entered an email address in the email field, selected via its id, filtered via a custom selector ":filled" that the validation plugin provides.

13. EVENT

DOM标准事件包括：blur, focus, load, resize, scroll, unload, beforeunload, click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, mouseenter, mouseleave, change, select, submit, keydown, keypress, andkeyup

14. JQUERY

JQUERY对象包含DOM元素的集合。比如$('p')即返回所有

...

JQUERY对象行为类似数组，也有length属性，也可以通过index访问DOM元素集合中的某个。但是不是数组，不具备数组的某些方法，比如join()。

许多jQuery方法返回jQuery对象本身，所以可以采用链式调用：

$("p").css("color", "red").find(".special").css("color", "green");

但是如果你调用的方法会破坏jQuery对象，比如find()和filter()，则返回的不是原对象。要返回到原对象只需要再调用end()方法即可。

相关视频教程推荐：jQuery视频教程

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!