jquery中$(this)如何使用
小编给大家分享一下jquery中$(this)如何使用,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
创新互联公司专注于市北网站建设服务及定制,我们拥有丰富的企业做网站经验。 热诚为您提供市北营销型网站建设,市北网站制作、市北网页设计、市北网站官网定制、微信小程序定制开发服务,打造市北网络公司原创品牌,更为您提供市北网站排名全网营销落地服务。
jquery $(this)通常是一个JQuery对象,可以调用jquery的方法和属性值,使用语法如“$(this).attr(key);”,表示获取节点属性名的值。
jquery $(this)怎么用?
this通常是一个Html 元素,例如(textbox),textbox有text属性。可以在textbox的事件里面引用this获取元素
$(this)通常是一个JQuery对象 ,可以调用jquery的方法和属性值,例如click(), keyup()。
$(function () { $('button').click(function () { $(this)表示当前对象,这里指的是button //alert(this);//this 表示原生的DOM }) });
$(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'); } );
使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。
$()生成的是什么呢?
实际上$()=jquery(),那么也就是说返回的是一个jquery的对象。
那么依照,$()返回的是jquery对象这一结论,我们可以得出$(this)得到的是一个jquery对象.我们可以使用万能的alert()方法打印出一个对象:
alert($('#btn'));
显示的结果:
该图红色框勾选出来的是一个object,不用考虑,该object自然是jquery的对象咯。也即是说我们用通过$('#btn')来调用jquery的方法和属性等。
以上是“jquery中$(this)如何使用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!
网站栏目:jquery中$(this)如何使用
本文路径:http://scyanting.com/article/ghcpes.html