jquery中this与$(this)的用法区别.
2016-03-21 11:09
681 查看
jquery中this与$(this)的用法区别.
分类: JS技术类2010-04-18 20:38 5919人阅读 评论(0) 收藏 举报jqueryfunctiontextbox浏览器htmljquery中this与$(this)的用法区别.先看以下代码: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 这里的this其实是一个Html 元素(textbox),textbox有text属性,所以这样写是完全没有什么问题的。 但是如果将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 tab切换代码
- jquery获得location的传值 和一些滚动效果243dede
- 用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博) [复制链接]
- jquery 滚动,或点击,加载文章
- innerHTML与jquery里的html()区别介绍
- Jquery下判断Id是否存在
- jquery中的$(function(){...})什么时候执行
- jquery让div中所有的a标签的target属性为“_blank”
- jquery 实现iframe 自适应高度
- jQuery - last-child 选择所有最后一个子元素 last最后一个元素
- $jquery.ajax 访问数据库 php html 等。
- jquery 选择奇偶行。
- JQuery中$.ajax()方法参数详解
- JQuery -- this 和 $(this) 的区别
- jquery css()方法
- jquery ajax 单击修改文档
- Jquery显示和隐藏元素或设为只读(…
- jQuery ajax - ajax() 方法
- jquery 收缩框
- Html Jquery/Js控制audio总结