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中text(),val(),html()区别
- javascript和jquery的区别详解(JavaScript与JQuery框架基础入门教程)
- jquery中change()
- jQuery end()
- jquery图片轮播代码
- jQuery中noConflict()的用法
- jQuery如何跳出each循环
- jquery中serialize方法对空格的处理
- jquery抛物线动画加入购物车
- jQuery多个版本间,以及与其他js文件冲突的解决方法
- jquery 选择器的用法
- jquery操作table
- jquery ajax详细教程(jquery+Ajax实现简单分页条效果)
- jquery鼠标滑过显示提示框
- jquery on绑定hover
- jQuery中$.each的用法
- 19号线二期全线电通 轨道交通项目最新进展来了(19号线二期全线电通)
- 涉及3条地铁线路 成都这4座轨道交通站点有新名字了(涉及3条地铁线路)
- 来了 成都轨道交通5条线路刷新 进度条(成都轨道交通5条线路刷新)
- 一部手机两套系统 OPPO Find X3的正确打开方式你知道吗(一部手机两套系统)
- OPPO用户看过来 汇总几个春节实用技巧,轻松搞定多设备联动玩法(汇总几个春节实用技巧)
- 北京旅游攻略(北京旅游攻略5日游及其花费)
热门推荐
- angularjs数据绑定类指令及作用(详解Angular数据绑定及其实现方式)
- mysql中行列转换(mysql 行列转换的示例代码)
- canvas绘制图形方法(如何使用canvas绘制可移动网格的示例代码)
- python数据分析删除重复值(Python3实现从排序数组中删除重复项算法分析)
- python字符串的拼接与分割(Python字符串通过'+'和join函数拼接新字符串的性能测试比较)
- docker镜像重启数据丢失(Docker数据备份恢复实现过程详解)
- dedecsm模板中首页如何实现分页的三种方法比较分析(dedecsm模板中首页如何实现分页的三种方法比较分析)
- python 正则表达式语法大全(python re库的正则表达式入门学习教程)
- connectionStrings数据库连接字符串的介绍
- XPATH的用法