jquery里面的this的用法

最新推荐文章于 2024-08-25 10:44:35 发布
原创 最新推荐文章于 2024-08-25 10:44:35 发布 · 372 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了如何避免在JavaScript和jQuery混用时出现的问题，并提供了一个具体的案例：通过正确方式获取HTML元素的内容。展示了如何利用jQuery简化DOM操作，增强代码的可读性和可维护性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

======HTML========================

<A class="myx" hrdef="#/qichehangye/"  onclick='caozuo()'>汽车</A>

======错误的例子=====================


function caozuo(){

$(this).html();

}//错在js和jquery混搭,这个是行不通的


=====正确的例子======================

$(document).ready(function(){
$(".myx").click(function() {
var nr=$(this).html();
 
});
});

javascript与jquery中的this关键字用法实例分析
10-23
接下来，jQuery中的this用法。jQuery极大地简化了对DOM的操作，当我们使用jQuery编写代码时，也经常会用到this关键字。在jQuery事件处理函数中，this通常指向触发事件的元素。 一个使用jQuery的this关键字的例子...
jQuery 选择方法及$(this)用法实例分析
11-20
在本文中，我们将深入探讨jQuery的选择方法以及`$(this)`的用法，这些都是jQuery中非常基础且实用的部分。 首先，jQuery的选择方法是其强大功能的核心。它们允许开发者以简洁的语法选取DOM中的特定元素。以下是一些...
jQuery中$this和$(this)的区别介绍（一看就懂）
01-21
// this其实是一个Html 元素。 // $this 只是个变量名，加$是为说明其是个jquery对象。 // 而$(this)是个转换，将this表示的dom对象转为jquery对象，这样就可以使用jquery提供的方法操作。 (function($){ $.fn.hilight = function(options){ debug(this); var defaults = { foreground: 'red', background: 'yellow' }; var opts = $.extend({}, $.fn.hilight.defaults,
jquery中this与$(this)的用法区别
baidu_2008的专栏
09-23 478
jquery中this与$(this)的用法区别.先看以下代码:$("#textbox").hover( function() { this.title = "Test"; }, fucntion() { this.title = "OK”; } );  这里的this其实是一个Html 元素(textbox)，textbox有text属性，所以这样写是完全没有什么问题的。 但是如果将this换成
Jquery this的用法
bajiudongfeng的专栏
12-13 577
this表示某元素 练习选择器 asdfaf 333 1111 2222 function test(obj){ console.log($(obj).val()); } $("input").click(function(){ $(this).css("font-size","xx-large"); }); $("#p
Jquery中的this与$(this)
aaxkn0647的博客
08-27 585
.title { font-size:14px; font-weight:bold; color:#336600; } .content { font-size:12px; padding:5px 10px 5px 10px; line-height:20px; } .broundimg { border:dotted 1px #c0c0...
jquery中this的用法
CC-lady的博客
05-31 2741
在用到jquery的时候经常会出现是Object或者undifined之类的结果。
jquery队列函数用法实例
10-25
本实例将深入讲解jQuery的队列函数用法，并通过具体的代码实例来展示如何控制样式。 首先，jQuery中的`$.queue()`函数用于访问或修改元素的特定队列。队列通常与动画效果关联，但也可以用于任何需要序列化执行的...
jQuery获取this当前对象子元素对象的方法
10-21
值得注意的是，`this`后面直接跟CSS选择器（如`$(this"a")`或`$("this a")`）是不正确的用法。`this`是一个JavaScript关键字，它不能像字符串那样与其他字符串拼接。如果你想结合`this`选择特定的子元素，你需要先将...
jQuery this用法详解
快乐每一天
10-15 225
[code="js"] jQuery("img", this); Which is the same as jQuery(this).find("img"); If the imgs are direct descendants of the clicked element, you can also use: jQuery(this).children("img"); [/c...
jquery中this对象的使用
xiaobao5214的博客
08-23 659
jquery $(function(){ $("input[name='username']").blur(function(){ //这里使用了属性选择器，在文本框失去焦点之后执行函数 alert($(this).val()); //alert文本框内容 $(this).val(""); //清空文本框内容 }); }); 为什么这里的
jquery中的this
不忘初心，方得始终
08-30 1248
$()生成的是什么呢？实际上$()=jquery()，那么也就是说返回的是一个jquery的对象。 $(this)是jquery对象，能调用jquery的方法，例如click(), keyup()。 $(function () { $('button').click(function () { alert(this);//this 表示原生的DOM //$(
jQuery的基本概念以及this和${this}的使用
--=
05-11 3704
jQuery的基本概念以及this和${this}的使用
jQuery中的this关键字
刘小毅的博客
09-30 4561
jQuery中的this关键字示例： &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt; &lt;script src="jquery-3.3.1.js&q
08_jquery里面的$(this)和this都什么时候用，有什么区别
weixin_30906425的博客
10-15 280
当你用的是jquery时，就用$(this)，如果是JS，就用this $(this).html( $(this).html() + " BAM! "); 这个里的html()是JQUERY方法，用$(this).html()，当然，JS里也有相似方法innerHTML，如果用innerHTML，就要这样写了，这里的reset是JS方法，所以同上得用this.rese...
使用 jQuery 中的 this 实例
最新发布
z16638522031的博客
08-25 810
在 jQuery 中，this 关键字用于表示指向当前操作的 DOM 元素。本篇博客将详细介绍如何在 jQuery 中使用 this 实例。一、选择器中的 this在选择器中，this 可以方便地指向当前操作的 DOM 元素。在这个例子中，当用户点击按钮时，$(this)将指向当前被点击的按钮元素，然后我们使用.text()方法获取其。
js中this的四种使用方法
Rock0807的博客
11-04 286
0x00:js中this的四种调用模式1,方法调用模式2,函数调用模式3,构造器调用模式4,apply、call、bind调用模式0x01:第一种：方法调用模式 （也就是用.调用的）this就是这个对象本身当一个函数被保存为对象的一个属性时，我们称它为一个方法，当一个方法被调用时，this被绑定到该对象，如果一个调用表达式包含一个属性表达式（即一个.点表达式或者[subscript...
jquery得到点击事件的this对象
chelen_jak的专栏
01-19 9062
原文出处：http://blog.youkuaiyun.com/taotoxht/article/details/14448009$(function() {    // 点击任意 li,全部 li 变色    $("#tree li").click(function(e) {        $(this).css("color", "red");    });});$(function() {    //
详解js里的this关键字
好记性不如烂笔头
12-23 715
转自：http://segmentfault.com/blog/trigkit4/1190000000660679 js中的this 我们要记住：this永远指向函数运行时所在的对象！而不是函数被创建时所在的对象。 this对象是在运行时基于函数的执行环境绑定的，在全局环境中，this等于window 先来看个例子： script> var fullna
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值