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实现在光标位置插入内容
- jquery五子棋javascript(原生JavaScript实现简单五子棋游戏)
- Jquery中parent()和parents()
- css3设置过渡效果(CSS3 media queries + jQuery实现响应式导航)
- jquery ajax详细教程(jquery+Ajax实现简单分页条效果)
- jquery实现微信中长按识别二维码
- jQuery中height()、innerheight()、outerheight()的区别
- jquery中使用detach 移除元素
- jquery中hasClass()、is()判断是否包含指定的class
- jquery中text(),val(),html()区别
- jquery 增加表格(jquery实现表格无缝滚动)
- jquery滚动固定插件在哪(jquery 步骤进度轴插件的实现代码)
- jquery获取outerhtml
- JQuery中extend的用法
- Jquery中的offset()和position()的区别
- jquery抛物线动画加入购物车
- 庆余年剧组重聚王牌5,宋轶神秘消失,肖战出现一秒抢了李纯风头(庆余年剧组重聚王牌5)
- 巴厘岛旅游攻略(巴厘岛旅游攻略7天多少钱)
- 文莱旅游攻略(文莱旅游攻略介绍)
- 马来西亚旅游攻略(马来西亚旅游攻略自由行攻略)
- 缅甸旅游攻略(缅甸旅游攻略必去景点推荐)
- 《庆余年2》新消息,原班人马,肖战特别出演,这才是最好的安排(庆余年2新消息原班人马)
热门推荐
- vue-router的两种模式(vue-route路由管理的安装与配置方法)
- html5自动静音(html5录音功能实战示例)
- packagejson怎么使用(最全的package.json解析)
- php的模块加载(PHP中的自动加载操作实现方法详解)
- docker虚拟机和容器(解决docker与vmware的冲突问题)
- dedecms如何使用(使用dedecms制作英文站的技巧说明)
- centos如何安装mysql8.0版本(Centos7下安装MySQL8.0.23的步骤小白入门级别)
- 用idea设置tomcat(Idea中tomcat启动源码调试进入到tomcat内部进行调试的方法)
- 阿里云ecs服务器数据在哪儿(阿里云ECS云服务器linux系统安装mysql后远程连接不了踩坑)
- laravel 快速开发api技巧(Laravel5.4简单实现app接口Api Token认证方法)