正文

jquery中的$(this)和javascript中的this

一天一点到  2022-02-07  698

关键词：

　　this 是 JavaScript 中的关键字。 $(this) 可以认为是用 jQuery 包装过 JavaScript 中的 this，包装后 $(this) 就会继承 jQuery 的方法。

本质就是JavaScript与jQuery对象的转换


$(‘a‘).click(function(){
     // 这里的 this 指向当前点击的DOM节点，也就是a。可以调用DOM方法，比如this.getAttribute, this.tagName ...
    // 这里的 $(this) 表示包装过的一个 jQuery 对象，拥有 jQuery 的一些方法，比如 $(this).addClass(), $(this).hide() ...
});

总而言之：$(this)代表元素本身

jquery的$(this)和javascript中的this的区别

vari={name:"a",getName:function(){//this,就是i对象returnthis.name;}}imooc.getName();//ap.addEventListener(‘click‘,function(){//this===p//以下两者的修改都是等价的this.style.color="red";p.style.color="red";},false);$(‘ 查看详情

this与$(this)对象

this与$(this)对象。前者是Javascript对象，而后者是jQuery是对象。两者分清楚，它们只能使用自己的方法。Javascript对象使用Javascript的方法，jQuery对象使用jQuery的方法。如果Javascrip对象使用jQuery的方法，反之，jQuery对象使用Javascript的... 查看详情

jquery_$(this)和this的区别

【$(this)与this的区别】　　相信很多刚接触JQuery的人，很多都会对$(this)和this的区别模糊不清，那么这两者有什么区别呢？　　首先来看看JQuery中的 $() 这个符号，实际上这个符号在JQuery中相当于JQuery（）,即$(this)=jquery();... 查看详情

jquery学习笔记：this相关问题及选择器

jQuery中的this和$(this)有什么区别jQuery中的this和$(this)有什么区别$("div").each(function(index){alert($(this));//[objectObject]jQuery对象alert(this);//[objectHTMLDivElement]DOM对象});可以观察到，this指代的是DOM对象，$(this)指代的是包装当前DO 查看详情

js和jquery通过this获取html标签中的属性值

<html> <head> <scripttype="text/javascript"src="jquery-1.10.2.min.js"></script> <scrip 查看详情

使用 jQuery “this” 和 CSS 选择器？

】使用jQuery“this”和CSS选择器？【英文标题】：UsingjQuery"this"plusaCSSselector?【发布时间】：2014-07-3116:47:11【问题描述】：我正在编写一个脚本来显示/隐藏div中的部分。我有3个带有隐藏部分的div，但希望使用一个函数来控... 查看详情

查找和替换循环中的字符

jQuery('html').each(function(i){jQuery(this).text(jQuery(this).text().replace('ch','Ä‹'))}) 查看详情

javascrip变量和标识符

0x01　　关于javascript，第一个比较重要的概念是变量，变量的工作机制是javascript的基本特性。实际上，变量是标识符的一种。本文将详细介绍变量和标识符0x02:定义　　标识符(Identifier)就是一个名字，用来对变量、函数、属性、... 查看详情

JQuery 仅选择“this”中的项目？

】JQuery仅选择“this”中的项目？【英文标题】：JQueryselectonlyitemsthatareinside`this`?【发布时间】：2012-10-1708:15:39【问题描述】：我试图只影响提交表单中的元素(this)。这就是我现在正在尝试的：$("form").submit(function(e)$(this+\'[name="fiel... 查看详情

jquery里面的$("this")和$(this)有啥区别

比如我写了:$("input:checkbox:checked").each(function()alert($(this).val()))是OK的,但是:$("input:checkbox:checked").each(function()alert($("this").val()))就报错了?1、新建一个html文件，命名为test.html。2、在test.html文件内，引入jquery.min.... 查看详情

做啥？和：在javascript中的意思[重复]

】做啥？和：在javascript中的意思[重复]【英文标题】：Whatdo?and:meaninjavascript[duplicate]做什么？和：在javascript中的意思[重复]【发布时间】：2013-01-2512:26:47【问题描述】：我正在尝试理解这个http://www.queness.com/post/12078/create-jquery-pint... 查看详情

如何从 jquery 中的“this”引用中获取类名

】如何从jquery中的“this”引用中获取类名【英文标题】：Howgetclassnamefrom\'this\'referenceinjquery【发布时间】：2016-09-2405:34:06【问题描述】：我想知道如何从this引用中获取元素的类名。我有以下HTML元素<inputtype="checkbox"class="NotSelect... 查看详情

angularjs模拟jquery中的this

在angularJs中，this指向$scope！可以$event配合使用$(event.target)实现，代码如下： HTML部分：<png-click="testClick($event)">testClick1</p> Js部分：$scope.testClick=function(event){console.log($( 查看详情

在 Wordpress 插件中排队 Javascript 和 jQuery

】在Wordpress插件中排队Javascript和jQuery【英文标题】：EnqueueingJavascriptandjQueryinaWordpressplugin【发布时间】：2014-05-2903:54:53【问题描述】：我是PHP的初学者，我正在尝试让它配合加载Javascript/jQuery中的基本测试警报，但未能成功。我... 查看详情

$(this) 和 event.target 之间的区别？

】$(this)和event.target之间的区别？【英文标题】：Differencebetween$(this)andevent.target?【发布时间】：2012-08-1803:44:49【问题描述】：我是jQuery新手，正在制作标签式面板，按照JavaScript和jQuery:TheMissingManual中的教程，作者这样做时第一行... 查看详情

javascrip笔记心得（持续更新）(代码片段)

JavaScrip笔记心得一、JavaScript简介1、JavaScript2、JavaScript使用方法3、JavaScript的核心构成4、Javascript的代码注释5、Javascript的数据类型6、变量的声明和赋值7、表达式与运算符二、JavaScrip语句和函数1、if分支结构2、switch分支结构3、whi... 查看详情

带有 $(this) 的 jQuery 多重选择器

】带有$(this)的jQuery多重选择器【英文标题】：jQuerymultipleselectorwith$(this)【发布时间】：2013-07-0413:54:29【问题描述】：有什么办法可以做到这一点：$(this,\'#foo\')我也想选择“this”元素和#bar。假设选择两个ID，就像\'#foo,#bar\'一样... 查看详情

jquery中$(this)和this的区别

】jquery中$(this)和this的区别【英文标题】：Differencebetween$(this)andthisinjquery【发布时间】：2011-04-0716:34:45【问题描述】：使用$(this)与this的根本区别是什么$(\'.viewComments\').click(function(ev)//returnsthedesiredvaluealert(this.getAttribute(\'id\'));/ 查看详情

正文