jquery的$(this)理解

最新推荐文章于 2024-01-22 16:47:38 发布

原创最新推荐文章于 2024-01-22 16:47:38 发布 · 472 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#jquery

收录于

本文介绍了JQuery中使用click事件绑定的方法，并解释了在这个上下文中this关键字的含义及其指向的对象。

JQuery中，$() 这个符号就相当于JQuery（）,代表当前对象，例如：

document.ready(function(){

$('p').click(function(){

$(this).hide();

});

这里的this是在click方法内，是p元素的事件，所以this在这里就是指的p元素。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

花瓣儿鱼

关注关注

4
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

新手避坑指南：Vue EventBus用多了内存泄漏？手把手教你正确销毁监听

最新发布

weixin_30591551的博客

04-27

312

本文深入解析Vue EventBus内存泄漏问题，提供从原理到实战的完整销毁方案。针对Vue 2和Vue 3的不同场景，详细介绍如何正确销毁监听器，避免内存泄漏，并分享自动销毁Mixin和Composable等高级技巧，帮助开发者提升应用性能。

参与评论您还未登录，请先登录后发表或查看评论

jQuery学习笔记（一）

赵客缦胡缨，吴钩霜雪明。银鞍照白马，飒沓如流星。

09-04

323

jQuery学习笔记 Query是一个javascript的框架，是对javascript的一种封装。通过JQuery可以非常方便的操作html的元素。之前在项目中用到了一些jQuery的前端知识，几乎是用到了哪个知识点就去单独看一下这个知识点，这次对所以的知识进行整体学习。见方法 VAL () HTML() TEXT() 以及HTML和TEXT的区别 val():通过JQuery对象的v...

4.JQuery

XiaoPawnYe的博客

04-05

320

第一章 1.了解jq 1.jQuery建议使用1.x版本,因为它兼容低版本的浏览器,使用1.x版本的min更好 2.jquery是一个函数库,一个js文件,页面用script标签引入这个js文件就可以使用。 <script type="text/javascript" src="js/jquery-1.12.2.js"></script> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"

JQuery中this指向

weixin_30563319的博客

12-01

416

如果是元素操作，$(this)就可以指向当前元素 <div id="test">谢小超</div> <script type="text/javascript"> $("test").on('click',function(){ var x= $(this).html(); alert(x); ...

jQuery的基本概念以及this和${this}的使用

--=

05-11

3775

jQuery的基本概念以及this和${this}的使用

jquery中this和$(this)区别,我是这样理解的

weixin_30657541的博客

07-28

写过这样一段jq$('ul li.navbox').hover(function(){ $('div',$(this)).fadeIn('fast'); // 先忽略掉‘div’看，$($(this))也是jq对象 },function(){ $('div',$(this)).fadeOut('fa...

jQuery中的$('一个类名',this)如何理解？

Andrelia的博客

08-27

593

举个栗子： $('.item').each(function(){ $('.title',this).text(), } 意思是寻找类名为item的元素里面的类名为title的元素

原生js模拟jQuery对象调用click事件来理解this和$(this)

GoodDaYForus的专栏

07-20

4754

原生js中,this指向调用的dom元素; jQuery中,事件回调函数中的this也指向dom元素,所以在回调函数中$(this)才是指向jQuery的对象. 这个要和jQuery中插件创建中的this进行区分,里面的this则指向调用对象,即jQuery对象.

jquery的$(this)使用

热门推荐

shuyuye的博客

03-03

1万+

一、this和$(this)区别 this通常是一个Html 元素，例如(textbox)，textbox有text属性。可以在textbox的事件里面引用this获取元素 $(this)通常是一个JQuery对象，如：我触发danji_jian()事件获取class为gouwuc_dan 的元素，则寻找顺序将为this->gouwuc_shu(父节点)->gou

08_jquery里面的$(this)和this都什么时候用，有什么区别

weixin_30906425的博客

10-15

326

当你用的是jquery时，就用$(this)，如果是JS，就用this $(this).html( $(this).html() + " BAM! "); 这个里的html()是JQUERY方法，用$(this).html()，当然，JS里也有相似方法innerHTML，如果用innerHTML，就要这样写了，这里的reset是JS方法，所以同上得用this.rese...

Java Web03：jQuery

soulmate______的博客

10-14

740

Java Web03 文章目录Java Web03jQuery介绍jQuery的初体验jQuery核心函数jQuery对象和dom对象区分DOM对象jQuery对象jQuery对象的本质jQuery对象和Dom对象使用区别Dom对象和jQuery对象互转dom对象转化为jQuery对象jQuery对象转为dom对象jQuery选择器基本选择器层级选择器过滤选择器基本过滤器内容过滤器属性过滤器表单过滤器表单对象属性过滤器元素筛选 jQuery介绍 jQuery：是JavaScript和Query(查询)，它

jQuery--选择方法及$(this)用法

张默的博客

12-18

3024

选择方法用方法来选择元素，可以视作$()函数的链式调用，返回仍然是一个jQuery对象 $(function() { //一、根据结果集中元素位置来选择：first(),last(),eq(),slice() //1、选择第一个li $('li').first().css('color','red'); //2、选择最后一个li $('li').last().css('co...

$(this) 和 this 关键字在 jQuery 中有何不同？

m0_74359467的博客

12-09

802

同时，我们也使用了this来获取当前点击的元素，但是在此之后，我们不能再使用jQuery的功能了，只能使用原生的JavaScript方法和属性（例如innerHTML）。在jQuery中，$(this)是一个特殊的语法，用于使用jQuery库中的函数和方法来操作当前选择的元素。因此，$(this)和this关键字在jQuery中的不同之处在于，前者将当前上下文对象转换为一个jQuery对象，可以使用jQuery提供的丰富功能，而后者则只能使用原生JavaScript对象的方法和属性。

$(this) 和 this 关键字在 jQuery 的不同

m0_73481765的博客

01-18

727

在这个例子中，如果你点击 ID 为 "myButton" 的按钮，第二个示例中的。关键字都可以用来引用当前元素，但它们的使用场景和上下文有所不同。将输出被点击的按钮的 jQuery 对象，而不是全局对象。在 jQuery 中，

html 方法this,jquery $(this)怎么用？

weixin_30383561的博客

06-29

828

jquery $(this)怎么用？this通常是一个Html 元素，例如(textbox)，textbox有text属性。可以在textbox的事件里面引用this获取元素$(this)通常是一个JQuery对象，可以调用jquery的方法和属性值，例如click(), keyup()。$(function () {$('button').click(function () {$(this)表...

JQuery中this与$(this)的用法区别，和JS中的this区别

筱筱攻程师的博客

02-19

1895

文章目录1.jquery中this与$(this)的用法区别：2.js中的this作为构造函数调用全局环境中的this局部环境中的this作用域链中的this对象中的this重写this2.jquery中的this 1.jquery中this与$(this)的用法区别：先看以下代码: $("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } ); 说明：这里的this其实是一个

JQuery的$(this)在if之后会变化

阿达King哥的博客

01-22

559

此时用浏览器调试发现，每选择一次下拉框就会导致链接字符串变长。$(this)`了。此时不再有链接长度变长的情况。