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)如何使用”这篇文章的所有内容，感谢各位的阅读！相信大家都有了一定的了解，希望分享的内容对大家有所帮助，如果还想学习更多知识，欢迎关注亿速云行业资讯频道！