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...
### JavaScript与jQuery实现动态粒子效果详解 #### 一、引言 在现代Web开发中,动态粒子效果是一种非常受欢迎的设计元素,它不仅能够为网站增添视觉吸引力,还能够提升用户体验。通过结合JavaScript与jQuery框架,...
本文将深入探讨jQuery Form插件(即`jquery.form.js`)及其核心库`jquery.js`,并结合实际应用,阐述它们的功能与使用方法。 首先,`jquery.js`是jQuery的核心库,它的主要功能包括: 1. **DOM操作**:jQuery提供...