• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

jquery $(this)怎么用?

jquery 搞代码 4年前 (2021-12-27) 24次浏览 已收录 0个评论

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(),那么来源gao.dai.ma.com搞@代*码网也就是说返回的是一个jquery的对象。

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

alert($('#btn'));

显示的结果:

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

更多web前端开发知识,请查阅 搞代码网 !!

以上就是jquery $(this)怎么用?的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:jquery $(this)怎么用?

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址