Quelle est la différence entre attr et val dans jquery

Différence : 1. La méthode val peut obtenir la valeur saisie manuellement, mais la méthode attr ne peut pas ; 2. Si vous utilisez val pour attribuer une valeur, vous pouvez utiliser la méthode val pour l'obtenir, mais la méthode attr ne peut pas l'obtenir. ; 3. Lorsque vous utilisez attr pour attribuer une valeur, si vous modifiez manuellement la valeur d'entrée, val peut obtenir la dernière valeur, mais attr obtient toujours la valeur initiale.

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

Quelle est la différence entre attr et val dans jquery

Permettez-moi d'abord de parler de la conclusion, puis de publier l'analyse du code. Les différences sont les suivantes :

1.val peut obtenir la valeur saisie manuellement, mais attr ne peut pas

.

2. Utilisez val pour attribuer une valeur, val peut l'obtenir, attr ne peut pas

3. Utilisez attr pour attribuer une valeur, val et attr peuvent obtenir la valeur manuellement, val peut obtenir la dernière valeur. , et la valeur lue par attr est toujours la valeur attribuée par attr au début

Entrez d'abord manuellement un nombre

puis utilisez val() et attr("value") pour l'imprimer

console.log("这个是val： "+$("#jibengongzi").val());
console.log("这个是attr："+$("#jibengongzi").attr("value"));

On peut voir que attr("value") ne peut pas obtenir la valeur saisie manuellement

Utilisez ensuite val() pour attribuer la valeur (ruleForm.jibengongzi est un nombre)

$("#jibengongzi").val(ruleForm.jibengongzi);

Ensuite, imprimez-la

puis utilisez attr pour attribuer la valeur

$("#jibengongzi").attr("value",ruleForm.jibengongzi);

De plus, il y a un petit bug dans attr lors de l'utilisation, ce qui m'empêche de l'utiliser. Js attribue des valeurs aux zones de saisie dont je ne connais pas les détails. raison. Ce sera bien si tous sont changés en val. Cet article n'est qu'un dossier d'apprentissage personnel. Si vous avez des questions, veuillez les signaler et apprendre et progresser ensemble

Tutoriels vidéo associés recommandés :Tutoriel vidéo 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!