jquery $(this)怎么用

藏色散人
Freigeben: 2021-01-08 14:27:21
Original
2917 Leute haben es durchsucht

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 }) });
Nach dem Login kopieren

$(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'); } );
Nach dem Login kopieren

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

$()生成的是什么呢?

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

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

alert($('#btn'));
Nach dem Login kopieren

显示的结果:

13fb0f3ab8161bc1a1001e1f239d558.png

该图红色框勾选出来的是一个object,不用考虑,该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用jquery的方法和属性等。

更多编程相关知识,请访问:编程教学!!

Das obige ist der detaillierte Inhalt vonjquery $(this)怎么用. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!