jquery可不可以用this

小天博客 • 02/27 15:03 • 开发 • 阅读 93

本文小编为大家详细介绍“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应该是比较不错的选择。说明：$()在JQuer免费云主机域名y中相当于JQuery()，即$(this)=jquery();也就是说，这样可以返回一个jquery对象。那么，当你在网页中alert($('#id'));时，会弹出一个[object Object ]，这个object对象，也就是jquery对象了。示例如下



123如果您点击我，我会消失。
点击我，我会消失。
也要点击我哦。

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

相关推荐: 怎么用C++在有序数组中查找元素的第一个和最后一个位置

本文小编为大家详细介绍“怎么用C++在有序数组中查找元素的第一个和最后一个位置”，内容详细，步骤清晰，细节处理妥当，希望这篇“怎么用C++在有序数组中查找元素的第一个和最后一个位置”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。Giv…