jquery $(this)怎么用-木庄网络博客

2022-02-22 15:17:10 PHP中文网 JavaScript 1558 0 百度已收录

本文摘自PHP中文网，作者藏色散人，侵删。

jquery $(this)通常是一个JQuery对象，可以调用jquery的方法和属性值，使用语法如“$(this).attr(key);”，表示获取节点属性名的值。

本教程操作环境：windows7系统、jquery1.2.6版本，DELL G3电脑。

推荐：jquery教程

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);

示例：

相关阅读 >>

更多相关阅读请进入《jQuery》频道 >>

书籍

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者