Maison> interface Web> js tutoriel> le corps du texte

jquery $(this)怎么用

藏色散人
Libérer: 2021-01-08 14:27:21
original
2920 Les gens l'ont consulté

jquery $(this)通常是一个JQuery对象,可以调用jquery的方法和属性值,使用语法如“$(this).attr(key);”,表示获取节点属性名的值。

jquery $(this)怎么用

本教程操作环境:windows7系统、jquery1.2.6版本,DELL G3电脑。

推荐:jquery教程

jquery $(this)怎么用?

this通常是一个Html 元素,例如(textbox),textbox有text属性。可以在textbox的事件里面引用this获取元素

$(this)通常是一个JQuery对象 ,可以调用jquery的方法和属性值,例如click(), keyup()。

$(function () { $('button').click(function () { $(this)表示当前对象,这里指的是button //alert(this);//this 表示原生的DOM }) });
Copier après la connexion

$(this).attr(key); 获取节点属性名的值,相当于getAttribute(key)方法

$(this).attr(key, value); 设置节点属性的值,相当于setAttribute(key,value)方法

$(this).val();获取某个元素节点的value值,相当于$(this).attr(“value”);

$(this).val(value);设置某个元素节点的value值,相当于$(this).attr(“value”,value);

示例:

$("#textbox").hover( function() { $(this).attr('title', 'Test'); }, function() { $(this).attr('title', 'OK'); } );
Copier après la connexion

使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。

$()生成的是什么呢?

实际上$()=jquery(),那么也就是说返回的是一个jquery的对象。

那么依照,$()返回的是jquery对象这一结论,我们可以得出$(this)得到的是一个jquery对象.我们可以使用万能的alert()方法打印出一个对象:

alert($('#btn'));
Copier après la connexion

显示的结果:

13fb0f3ab8161bc1a1001e1f239d558.png

该图红色框勾选出来的是一个object,不用考虑,该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用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!

É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
Recommandations populaires
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!