首页 > web前端 > js教程 > 正文

jquery $(this)怎么用

藏色散人
发布: 2021-01-08 14:27:21
原创
2905 人浏览过

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
   }) 
});
登录后复制

$(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'));
登录后复制

显示的结果:

13fb0f3ab8161bc1a1001e1f239d558.png

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

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

以上是jquery $(this)怎么用的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!