`
zhangdaiscott
  • 浏览: 446755 次
  • 性别: Icon_minigender_1
  • 来自: 北京
博客专栏
8fb25857-16b4-3681-ab5e-e319f45c42a8
Jeecg快速开发平台
浏览量:0
文章分类
社区版块
存档分类

jquery中this与$(this)的用法区别.

 
阅读更多
jquery中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 $.fn.extend

    `$.fn.extend`是jQuery库中的一个核心方法,主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数,从而实现对DOM元素的操作或添加新的功能。在jQuery中,`$.fn`实际上是`$.prototype`的一个...

    深入理解jquery的$.extend()、$.fn和$.fn.extend()

    在jQuery中,`$.extend()`、`.fn`(即`jQuery.fn`)和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...

    js原生态函数中使用jQuery中的 $(this)无效的解决方法.docx

    js原生态函数中使用jQuery中的$(this)无效的解决方法 在JavaScript开发中,使用jQuery的$(this)在原生态函数中可能会出现无效的问题,本文将对此进行详细的分析和解决方法的介绍。 一、问题描述 在JavaScript开发...

    浅谈jquery中的each方法$.each、this.each、$.fn.each

    总结一下,`$.each`用于遍历数组或对象,而`this.each`和`$.fn.each`则是jQuery中用于遍历jQuery对象的方法,特别是在自定义jQuery插件时,`this.each`扮演着重要角色。在实际应用中,根据需求选择合适的方法能帮助...

    jQuery下通过$.browser来判断浏览器..docx

    在JavaScript的库jQuery中,`$.browser`是一个曾经用于检测用户浏览器类型和版本的工具,但自jQuery 1.9版本以后,它已经被废弃并建议使用`$.support`来代替。尽管如此,对于理解旧代码或者在仍使用较早jQuery版本的...

    Jquery实现$.fn.extend和$.extend函数

    在jQuery库中,`$.fn.extend` 和 `$.extend` 是两个非常重要的功能,它们用于扩展jQuery的功能和对象。这两个函数虽然名字相似,但作用却截然不同。 首先,`$.fn.extend` 是用于扩展jQuery选择器对象的方法。当你...

    jQuery 中$(this).index与$.each的使用指南

    本文将对 jQuery 中的 $(this).index() 和 $.each 方法的使用进行详细介绍,并结合示例解释其在实际开发中的应用。 首先来看 $(this).index() 方法。在 jQuery 中,$(this) 常用于引用当前事件的元素对象,而 ....

    jquery.scrollTo.js网页滚动插件下载.rar

    通过深入理解其工作原理和使用方法,开发者可以为用户带来更丰富、更具互动性的网页体验。 在实际项目中,配合其他jQuery插件和前端框架,如Bootstrap或Vue.js,jQuery.scrollTo.js能发挥更大的作用。但同时,也要...

    jquery.validate.js表单验证.pdf

    8. jQuery.extend使用:在引入自定义验证信息时,文件展示了如何使用jQuery.extend方法来扩展$.validator.messages对象。 综上所述,jquery.validate.js提供了一个非常便捷的方式来实现表单验证,通过引入相应的JS...

    jquery.address.js

    二、使用方法与配置 1. 引入jQuery库和jQuery.address.js插件: 确保页面已经引入了jQuery库,然后引入jQuery.address.js文件,如: ```html <script src="path/to/jquery.js"> <script src="path/to/jquery....

    jQuery中$.fn的用法示例介绍

    需要注意的是,在使用$.fn.extend方法扩展jQuery对象时,我们通常会对$(this)进行操作,这里的$(this)指的是当前选中的jQuery对象。通过$(this)我们可以访问到当前的DOM元素,并在这个元素上绑定事件或修改属性。 ...

    jquery.cookie.js插件源码绿色工具

    要创建一个新的Cookie,你可以使用`$.cookie()`方法: ```javascript $.cookie('theme', 'dark'); // 创建一个名为'theme'的Cookie,值为'dark' ``` ### 3. 读取Cookie 要读取已存在的Cookie,同样使用`$.cookie...

    jquery $(this).attr $(this).val方法使用介绍

    在上面的示例中,`$(this).attr('diywidgetid')`相当于原生JavaScript中的`element.getAttribute('diywidgetid')`,`this`通常被用于jQuery的方法链中,指代当前匹配的元素集的第一个元素。 除了获取属性值,`.attr...

    我的JQuery笔记.doc

    三、jQuery方法与操作 1. 添加/删除类:$.addClass("class")和$.removeClass("class"),用于增加或删除元素的类样式。 2. 隐藏/显示元素:$.hide()和$.show(),隐藏或显示元素。可传入时间参数实现过渡效果,例如:$...

    jQuery.js中继承的实现.pdf

    在jQuery中,`jQuery.extend()`与`jQuery.fn.extend()`的使用有所不同。`jQuery.fn`是jQuery对象的原型,因此`jQuery.fn.extend()`会将方法扩展到jQuery对象的实例上,使得实例可以直接调用这些方法。而`jQuery....

    jquery.form.min.js

    例如,使用`$.ajaxSubmit()`方法可以轻松地将表单数据发送到服务器,无需页面刷新。 2. **进度条支持**:对于文件上传,jQuery Form插件提供了文件上传进度的反馈功能。通过监听`progress`事件,开发者可以创建...

    Jquery+Jquery.metadata.js

    在TestStruts2_Jquery这个项目中,可能涉及到Struts2框架与jQuery的结合使用。Struts2是一个Java Web应用程序框架,它支持MVC模式,提供了强大的Action和结果映射、拦截器等机制。jQuery可以与Struts2配合,通过Ajax...

    【JavaScript源代码】jQuery实现动态粒子效果.docx

    ### JavaScript与jQuery实现动态粒子效果详解 #### 一、引言 在现代Web开发中,动态粒子效果是一种非常受欢迎的设计元素,它不仅能够为网站增添视觉吸引力,还能够提升用户体验。通过结合JavaScript与jQuery框架,...

    jquery.from.js & juery.js

    本文将深入探讨jQuery Form插件(即`jquery.form.js`)及其核心库`jquery.js`,并结合实际应用,阐述它们的功能与使用方法。 首先,`jquery.js`是jQuery的核心库,它的主要功能包括: 1. **DOM操作**:jQuery提供...

Global site tag (gtag.js) - Google Analytics