jQuery里$(this)和this的区别有哪些
类别:Web前端 浏览量:1248
时间:2013-9-24 jQuery里$(this)和this的区别有哪些
jQuery里$(this)和this的区别有哪些先看如下Jquery实例;
$("#textbox").hover( function(){ this.title = "Test"; }, fucntion() { this.title = "OK”; } );
这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。
但是如果将this换成$(this)就不是那回事了,就会报脚本错误。
因为这里的$(this)是一个JQuery对象,而jQuery对象沒有title 属性,因此这样写是错误的。
JQuery拥有attr()方法可以get/set DOM对象的属性,所以正确的写法应该是这样:
$("#textbox").hover( function() { $(this).attr(’title’,‘Test’); }, function() { $(this).attr(’title’, ‘OK’); } );
结论:
this,表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性,方法。
$(this),代表的上下文对象是一个jquery的上下文对象,可以调用jquery的方法和属性值。
您可能感兴趣
- jquery中append和appendto的区别
- jquery ajax的async使用
- jquery ajax详细教程(jquery+Ajax实现简单分页条效果)
- jquery鼠标滑过显示提示框
- jquery使用data缓存数据
- jquery中find()与filter()的区别
- jQuery如何跳出each循环
- jquery如何实现倒计时
- jquery中unbind、bind
- jquery next()
- jQuery中height()、innerheight()、outerheight()的区别
- jquery操作table
- html导航条下拉菜单代码(Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码)
- jQuery实现tab切换
- jquery滚动固定插件在哪(jquery 步骤进度轴插件的实现代码)
- jQuery中noConflict()的用法
- CellPress旗下的6 期刊,国人友刊来了解一下吧(CellPress旗下的6期刊国人友刊来了解一下吧)
- ()
- SCI检索 SSCI检索 EI检索 ISTP检索 CSCD检索简介(SCI检索SSCI检索EI检索)
- 参考文献里期刊名称的写法,你知道吗(参考文献里期刊名称的写法)
- 硕博期刊 SCI SSCI CSSCI分不清 一文带你看懂主流期刊分类(硕博期刊SCISSCI)
- 辱华品牌新百伦官宣新代言人IU,个别粉丝希望get爱豆同款(辱华品牌新百伦官宣新代言人IU)
热门推荐
- python udp网络编程(python实现一个简单的udp通信的示例代码)
- uniapp使用vue写页面(分析uniapp入门之nvue爬坑记)
- zabbix支持oracleodbc功能吗(使用zabbix监控oracle数据库的方法详解)
- mysql8.0安装版安装详细教程(mysql 8.0.24版本安装配置方法图文教程)
- sql server占cpu高
- python中jieba库怎么用(详解Python数据可视化编程 - 词云生成并保存jieba+WordCloud)
- 个人能备案云服务器吗(租用云服务器后的备案问题你真的了解吗?)
- idea连接不上docker(IDEA使用Docker插件远程部署项目到云服务器的方法步骤)
- 获取当前URL的controller、action
- python实现将txt转化为excel(python实现Excel文件转换为TXT文件)