Maison  >  Article  >  interface Web  >  Jquery peut-il l'utiliser ?

Jquery peut-il l'utiliser ?

青灯夜游
青灯夜游original
2022-12-12 18:03:092551parcourir

jquery peut l'utiliser. Dans jquery, cela indique que l'objet contextuel actuel est un objet html et que vous pouvez appeler les propriétés et les méthodes appartenant à l'objet html. Vous pouvez utiliser l'instruction "$(this)" pour transformer l'élément html en un objet jquery. puis utilisez la méthode jquery pour traiter l'objet actuel, la syntaxe est "$(this).jquery method name();".

Jquery peut-il l'utiliser ?

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

jquery peut l'utiliser.

Dans jquery, cela indique que l'objet de contexte actuel est un objet html, et vous pouvez appeler les propriétés et méthodes appartenant à l'objet html. jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法。

例如:

this.className
this.style.display
this.id = 'header'
this.remove()

具体示例:

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

上面的this是一个Html 元素(textbox),textbox有text属性,所以可以直接使用this.title = 'test'进行赋值,这样写是完全没有什么问题的。【推荐学习:jQuery视频教程

但是如果将this换成$(this)就不是那回事了,就会报错了。 以下写法是错误的:

$("#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应该是比较不错的选择。

说明:

$()在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ]

Par exemple :

<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js">
</script>
<script>
$(document).ready(function(){
  $("p").click(function(){
    $(this).hide();//$(this)是在方法click内,此处的$(this)表示的是当前调用click方法的对象$("p"),就是表示当前对象,当前调用该方法的对象
  });
});
</script>
</head>
<body>
<p>如果您点击我,我会消失。</p>
<p>点击我,我会消失。</p>
<p>也要点击我哦。</p>
</body>
</html>

Exemple spécifique :

rrreeeJquery peut-il lutiliser ?Ceci ci-dessus est un élément Html (textbox). La zone de texte a un attribut de texte, vous pouvez donc directement utiliser this.title = 'test' pour l'affectation. Ceci est écrit Pas de problème du tout. [Apprentissage recommandé : tutoriel vidéo jQuery

]

Mais si si this est remplacé par $(this), ce ne sera pas le cas, et une erreur sera signalée. L'écriture suivante est fausse : rrreee$(this) voici un objet JQuery, et l'objet jQuery n'a pas d'attribut title, donc cette écriture est fausse. JQuery a la méthode attr() pour obtenir/définir les attributs des objets DOM, donc la bonne façon de l'écrire devrait être comme ceci : rrreee

L'avantage d'utiliser JQuery est qu'il regroupe les opérations de différentes versions de navigateur sur les objets DOM, alors utilisez $( uniformément this) au lieu d'utiliser this devrait être un meilleur choix. 🎜🎜🎜Explication : 🎜🎜🎜$() est équivalent à JQuery() dans JQuery, c'est-à-dire $(this)=jquery(); Autrement dit, cela peut renvoyer un objet jquery. Ensuite, lorsque vous <code>alert($('#id')); sur la page Web, un [object Object] apparaîtra. Cet objet objet est également un jquery. objet. . 🎜🎜Les exemples sont les suivants🎜rrreee🎜🎜🎜🎜[Apprentissage recommandé : 🎜vidéo jQuery🎜, 🎜développement web front-end🎜]🎜

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!

Déclaration:
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