首页 > 其他分享 >jQuery中this与$(this)的使用与区别

jQuery中this与$(this)的使用与区别

时间:2023-04-04 17:25:49浏览次数:36  
标签:jQuery function title 区别 使用 Test textbox 属性

https://blog.csdn.net/h2604396739/article/details/95191644

this与$(this)的区别
this其实是一个Html 元素,是一个javascript对象,常用其来为其属性赋值。

$(this)是一个jQuery对象,不存在html的属性,只能通过方法传参的方式为属性赋值。
如下代码
$(“#textbox”).hover(
function() {
this.title = “Test”;
},
fucntion() {
this.title = “OK”;
}
);
错误代码:
(“#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中使用$(this)代替this的原因:
使用jQuery的好处是它包裝了各种浏览器版本对DOM对象的操作,因此统一使用$(this)而不再用this应该是比较不错的选择。

this使用实例
<tr><td><a οnclick="deleteTr(this)">删除</a></td></tr>
// 下面函数用与删除整个tr
function deleteTr(aTag){
$(aTag).parent().parent().remove();
}

标签:jQuery,function,title,区别,使用,Test,textbox,属性
From: https://www.cnblogs.com/Dongmy/p/17287123.html

相关文章

  • Vite——如何配置使用sass
    前言如果只是纯粹的使用其实并不需要配置,只需要安装对应的处理器依赖即可......
  • WSL2 使用windows usb设备
    1、Windows安装wingetinstall--interactive--exactdorssel.usbipd-win2、WSL安装sudoaptinstalllinux-tools-generichwdatasudoupdate-alternatives--install/usr/local/bin/usbipusbip/usr/lib/linux-tools/*-generic/usbip203、附加usb设备usbipdwsllis......
  • jQuery height() 方法
    https://blog.csdn.net/m0_57835615/article/details/117827323jQueryheight()方法可用于设置或返回被选元素的高度。返回元素的高度时,只返回匹配到的第一个元素的高度。设置元素的高度时,所有匹配到的元素的高度都会被设置。值得一提的是,该方法不包含元素的内外边距以及边框......
  • flask:Flask 和pythonweb框架介绍、flask快速使用、登录,显示用户信息小案例、配置文件
    目录一、Flask和pythonweb框架介绍1.1pythonweb框架介绍1.2flask介绍1.3wsgiref1.4用wsgirf和werkzeug写web二、flask快速使用三、登录,显示用户信息小案例3.1login.html3.2home.html3.3detail.html3.4py文件3.5知识点总结四、配置文件的使用方式1、设置方式一(测试中使用的......
  • 使用jenkins一键打包发布vue项目
    jenkins的安装Jenkins是一款开源CI&CD软件,用于自动化各种任务,包括构建、测试和部署软件。Jenkins支持各种运行方式,可通过系统包、Docker或者通过一个独立的Java程序。安装这里的操作系统为WSLUbuntu,其它系统的安装的请参考jenkins官方文档wget-q-O-https://pkg.jenkins.......
  • js中e.clientX e.pageX e.offsetX e.screenX之间的区别
     event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但......
  • Spring使用jdbc模板增删改查
      applicationContext.xml<?xmlversion="1.0"encoding="UTF-8"?><beansxmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns:aop=&q......
  • 剩余使用寿命RUL预测技术---简介
    剩余使用寿命(Remainingusefullife,即RUL)预测技术是预测与健康管理(PHM)的关键技术。它主要是评估设备的性能状态,指导人们对设备进行更换或维修设备,有效避免由于机器故障而导致的安全问题和经济损失。通过阅读综述和研究型文献,剩余使用寿命(Remainingusefullife,即RUL)预测......
  • 智能AI代码工具Cursor的使用
      //ImportnecessarynamespacesusingSystem.Net.Http;usingSystem.Text;usingSystem.Threading.Tasks;//DefineamethodtosendamessagetotheWeChatgrouppublicasyncTaskSendMessageToWeChatGroup(stringmessage){//DefinetheWeChatgro......
  • lazarus在龙芯电脑使用域天加密锁要注意的事项
    lazarus在龙芯电脑使用域天加密锁要注意的事项:1、使用域天官方的接口单元时加密锁的so文件必须拷贝到/usr/lib/这个目录。2、普通用户如果调用加密锁so出错或失败,需要进行以下操作:建一个规则文件放/etc/udev/rules.d.文件内容如下:SUBSYSTEM=="input",GROUP="input",MODE=......