jquery $(this)和this

jQuery中this与$(this)的区别

$("#textbox").hover(
function() {
this.title = "Test";
},
fucntion() {
this.title = "OK”;
}
);

这里的this其实是一个Html 元素(textbox)，textbox有text属性，所以这样写是完全没有什么问题的。
但是如果将this换成$(this)就不是那回事了，Error--报了。this与$(this)的区别在此。

Error Code：
$("#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中this与$(this)的区别就介绍到这里。

转载于:https://www.cnblogs.com/zhangweixin/p/4276784.html

jquery $(this)和this相关推荐

如何做到尽可能不使用庞大的jQuery
jQuery 是现在最流行的 JavaScript 工具库. 据统计,目前全世界 57.3% 的网站使用它.也就是说,10 个网站里面,有 6 个使用 jQuery.如果只考察使用工具库的网站,这个比 ...
原型 - 实现自己的jQuery
每个第一次使用jq的开发者都感到惊叹,jq的$太神奇了,究竟是怎么做到的使用$控制dom 赞叹前人之余,探究其本源才是前端开发者应该做的事,社区常常说,不要重复造轮子, 可是啊,连轮子都造不出来,又怎 ...
vue-cli3配置externals、jquery
在index.html引入 <script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.10.0/jquery.js"&g ...
QueryPath, php上的jQuery
红得发紫的jQuery框架是专门用于页面Javascript程序设计的,它通过一种优雅的方式让我们轻松自如地操作页面的所有元素而无须担心浏览器版本以及兼容性等问题.受到jQuery的启发,一种试图让 ...
ExtJs与jQuery的比较
ExtJs与jQuery的比较 jQuery 主页:http://jquery.com/ 设计思想简洁的思想:几乎所有操作都是以选择DOM元素(有强大的Selector)开始,然后是对其的操作(Ch ...
在vue新版脚手架中下载和使用jquery
1.在vue新版脚手架中下载jquery npm i jquery --save 2.在vue.config.js文件中加入以下代码: module.exports = {chainWebpack: ...
在react怎样引入jQuery
安装jQuery npm i jquery -S 在那个地方使用jQuery就在什么地方引入jQuery import $ from 'jquery'
简洁、快速的JavaScript框架/库：jQuery
基础知识简介 jQuery是一个快速.简洁的JavaScript框架. jQuery设计的宗旨是"write Less,Do More",即倡导写更少的代码,做更多的事情. jQ ...
JavaWeb-05 jQuery
文章目录 4.1.jQuery介绍 4.2.jQuery的第一个程序 4.3.jQuery核心函数($) 4.4.jQuery对象和dom对象区分 4.4.1.什么是jQuery对象?什么是dom对象 ...
13. JS jQuery
1. JavaScript概述 1.1 JavaScript的历史 1992年Nombas开发出C-minus-minus(C–)的嵌入式脚本语言(最初绑定在CEnvi软件中),后将其改名Script ...

jquery $(this)和this

jquery $(this)和this相关推荐

最新文章

热门文章