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应该是比较不错的选择。
分享到：
相关推荐
`$.fn.extend`是jQuery库中的一个核心方法，主要用于扩展jQuery对象的方法集合。这个方法允许开发者自定义jQuery的函数，从而实现对DOM元素的操作或添加新的功能。在jQuery中，`$.fn`实际上是`$.prototype`的一个...
在jQuery中，`$.extend()`、`.fn`（即`jQuery.fn`）和`.fn.extend()`是开发者用于增强其功能和创建插件的关键部分。下面我们将详细探讨这三个概念。 1. `$.extend()` `$.extend()`方法用于合并一个或多个对象的属性...
js原生态函数中使用jQuery中的$(this)无效的解决方法 在JavaScript开发中，使用jQuery的$(this)在原生态函数中可能会出现无效的问题，本文将对此进行详细的分析和解决方法的介绍。 一、问题描述 在JavaScript开发...
总结一下，`$.each`用于遍历数组或对象，而`this.each`和`$.fn.each`则是jQuery中用于遍历jQuery对象的方法，特别是在自定义jQuery插件时，`this.each`扮演着重要角色。在实际应用中，根据需求选择合适的方法能帮助...
在JavaScript的库jQuery中，`$.browser`是一个曾经用于检测用户浏览器类型和版本的工具，但自jQuery 1.9版本以后，它已经被废弃并建议使用`$.support`来代替。尽管如此，对于理解旧代码或者在仍使用较早jQuery版本的...
在jQuery库中，`$.fn.extend` 和 `$.extend` 是两个非常重要的功能，它们用于扩展jQuery的功能和对象。这两个函数虽然名字相似，但作用却截然不同。 首先，`$.fn.extend` 是用于扩展jQuery选择器对象的方法。当你...
本文将对 jQuery 中的 $(this).index() 和 $.each 方法的使用进行详细介绍，并结合示例解释其在实际开发中的应用。 首先来看 $(this).index() 方法。在 jQuery 中，$(this) 常用于引用当前事件的元素对象，而 ....
通过深入理解其工作原理和使用方法，开发者可以为用户带来更丰富、更具互动性的网页体验。 在实际项目中，配合其他jQuery插件和前端框架，如Bootstrap或Vue.js，jQuery.scrollTo.js能发挥更大的作用。但同时，也要...
8. jQuery.extend使用：在引入自定义验证信息时，文件展示了如何使用jQuery.extend方法来扩展$.validator.messages对象。 综上所述，jquery.validate.js提供了一个非常便捷的方式来实现表单验证，通过引入相应的JS...
二、使用方法与配置 1. 引入jQuery库和jQuery.address.js插件： 确保页面已经引入了jQuery库，然后引入jQuery.address.js文件，如： ```html <script src="path/to/jquery.js"> <script src="path/to/jquery....
需要注意的是，在使用$.fn.extend方法扩展jQuery对象时，我们通常会对$(this)进行操作，这里的$(this)指的是当前选中的jQuery对象。通过$(this)我们可以访问到当前的DOM元素，并在这个元素上绑定事件或修改属性。 ...
要创建一个新的Cookie，你可以使用`$.cookie()`方法： ```javascript $.cookie('theme', 'dark'); // 创建一个名为'theme'的Cookie，值为'dark' ``` ### 3. 读取Cookie 要读取已存在的Cookie，同样使用`$.cookie...
在上面的示例中，`$(this).attr('diywidgetid')`相当于原生JavaScript中的`element.getAttribute('diywidgetid')`，`this`通常被用于jQuery的方法链中，指代当前匹配的元素集的第一个元素。 除了获取属性值，`.attr...
三、jQuery方法与操作 1. 添加/删除类：$.addClass("class")和$.removeClass("class")，用于增加或删除元素的类样式。 2. 隐藏/显示元素：$.hide()和$.show()，隐藏或显示元素。可传入时间参数实现过渡效果，例如：$...
在jQuery中，`jQuery.extend()`与`jQuery.fn.extend()`的使用有所不同。`jQuery.fn`是jQuery对象的原型，因此`jQuery.fn.extend()`会将方法扩展到jQuery对象的实例上，使得实例可以直接调用这些方法。而`jQuery....
例如，使用`$.ajaxSubmit()`方法可以轻松地将表单数据发送到服务器，无需页面刷新。 2. **进度条支持**：对于文件上传，jQuery Form插件提供了文件上传进度的反馈功能。通过监听`progress`事件，开发者可以创建...
在TestStruts2_Jquery这个项目中，可能涉及到Struts2框架与jQuery的结合使用。Struts2是一个Java Web应用程序框架，它支持MVC模式，提供了强大的Action和结果映射、拦截器等机制。jQuery可以与Struts2配合，通过Ajax...
本文将深入探讨jQuery Form插件（即`jquery.form.js`）及其核心库`jquery.js`，并结合实际应用，阐述它们的功能与使用方法。 首先，`jquery.js`是jQuery的核心库，它的主要功能包括： 1. **DOM操作**：jQuery提供...