分享更有价值
被信任是一种快乐

jquery可不可以用this

文章页正文上

本文小编为大家详细介绍“jquery可不可以用this”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery可不可以用this”文章能帮助大家解决疑惑,下面跟着小编的思路慢免费云主机、域名慢深入,一起来学习新知识吧。 jquery可以用this。在jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法;利用“$(this)”语句可以把html元素变成jquery对象,进而使用jquery方法来处理当前对象,语法为“$(this).jquery方法名();”。jquery可以用this。jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法。例如:

this.className
this.style.display
this.id='header'
this.remove()

具体示例:

$("#textbox").hover(
function(){
this.title="Test";

  },
fucntion(){
this.title="OK”;
  }
);

上面的this是一个Html 元素(textbox),textbox有text属性,所以可以直接使用this.title = ‘test’进行赋值,这样写是完全没有什么问题的。但是如果将this换成$(this)就不是那回事了,就会报错了。 以下写法是错误的:

$("#textbox").hover(
function(){
$(this).title="Test";
  },
function(){
$(this).title="OK";
  }
);

这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。 JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:

$("#textbox").hover(
function(){
$(this).attr('title','Test');
},
function(){
$(this).attr('title','OK');
}
);

使用JQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。说明:$()在JQuery中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了。示例如下


123

如果您点击我,我会消失。

点击我,我会消失。

也要点击我哦。

如果您点击我,我会消失。点击我,我会消失。也要点击我哦。读到这里,这篇“jquery可不可以用this”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注云技术行业资讯频道。

相关推荐: 常见的JavaScript函数及使用方法有哪些

今天小编给大家分享一下常见的JavaScript函数及使用方法有哪些的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 一、函数定义和调用在Java…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册