communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > js tutoriel > JQuery this 和 $(this) 的区别_jquery

JQuery this 和 $(this) 的区别_jquery

WBOY
Libérer： 2016-05-16 18:47:46
original
1154 Les gens l'ont consulté

What is "this"?
In many object-oriented programming languages, this (or self) is a keyword which can be used in instance methods to refer to the object on which the currently executing method has been invoked.

复制代码 代码如下:

$("#textbox").hover(
function() {
this.title = "Test";
},
fucntion() {
this.title = "OK”;
}
);

这里的this其实是一个Html 元素(textbox)，textbox有text属性，所以这样写是完全没有什么问题的。
但是如果将this换成$(this)就不是那回事了，Error–报了。
Error Code：
复制代码 代码如下:

$("#textbox").hover(
function() {
$(this).title ＝ "Test";
},
function() {
$(this).title = "OK";
}
);

这里的$(this)是一个JQuery对象，而jQuery对象沒有title 属性，因此这样写是错误的。

JQuery拥有attr()方法可以get/set DOM对象的属性，所以正确的写法应该是这样：

正确的代码：
复制代码 代码如下:

$("#textbox").hover(
function() {
$(this).attr('title', ‘Test');
},
function() {
$(this).attr('title', ‘OK');
}
);

使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作，因此统一使用$(this)而不再用this应该是比较不错的选择。
Étiquettes associées：
this
source：php.cn
Article précédent：javascript 面向对象编程基础 多态_js面向对象 Article suivant：javascript 面向对象编程基础：继承_js面向对象
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
Derniers articles par auteur
Derniers numéros
Existe-t-il un moyen de définir la prop route dans vue ? Je souhaite accéder à un onglet spécifique de la page this.$router.push({name:"AdminN...
Depuis 2024-04-06 11:35:59
0
1
456
Utilisation de la méthode "resource"; dans Route::controller(<class>)->group(...) J'édite les fichiers de routage de mes applications pour les rendre aussi ordonnés que pos...
Depuis 2024-04-04 09:09:42
0
1
408
Passage des paramètres Vuex this.$store.commit('deleteCheckboxItems',response.data.items.forEach(element=>{element....
Depuis 2024-04-03 22:36:08
0
2
334
Le processus permettant de déterminer si un élément existe dans un tableau n'est pas valide Désolé de vous déranger, mais j'ai passé deux heures à essayer de comprendre cela. Le prob...
Depuis 2024-04-03 13:03:54
0
1
377
Découvrez si le pointeur vers l'instance du composant React peut être obtenu en dehors du constructeur Considérez ce composant React : importReact,{Component}from'react'classFrameextendsCompone...
Depuis 2024-04-02 22:07:22
0
1
318
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal