返回顶部
首页 > 资讯 > 精选 >jquery可不可以用this
  • 466
分享到

jquery可不可以用this

2023-07-04 19:07:35 466人浏览 泡泡鱼
摘要

本文小编为大家详细介绍“Jquery可不可以用this”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery可不可以用this”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。jquery可以用this。在jq

本文小编为大家详细介绍“Jquery可不可以用this”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery可不可以用this”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。

jquery可以用this。在jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法;利用“$(this)”语句可以把html元素变成jquery对象,进而使用jquery方法来处理当前对象,语法为“$(this).jquery方法名();”。

jquery可以用this。

jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法。

例如:

this.classNamethis.style.displaythis.id = 'header'this.remove()

具体示例:

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

上面的this是一个Html 元素(textbox),textbox有text属性,所以可以直接使用this.title = 'test'进行赋值,这样写是完全没有什么问题的。

但是如果将this换成$(this)就不是那回事了,就会报错了。 以下写法是错误的:

$("#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中相当于JQuery(),即$(this)=jquery();也就是说,这样可以返回一个jquery对象。那么,当你在网页中alert($('#id'));时,会弹出一个[object Object ],这个object对象,也就是jquery对象了。

示例如下

<html><head><meta charset="utf-8"><title>123</title><script src="https://cdn.staticfile.org/jquery/3.6.0/jquery.min.js"></script><script>$(document).ready(function(){  $("p").click(function(){    $(this).hide();//$(this)是在方法click内,此处的$(this)表示的是当前调用click方法的对象$("p"),就是表示当前对象,当前调用该方法的对象  });});</script></head><body><p>如果您点击我,我会消失。</p><p>点击我,我会消失。</p><p>也要点击我哦。</p></body></html>

jquery可不可以用this

读到这里,这篇“jquery可不可以用this”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注编程网精选频道。

--结束END--

本文标题: jquery可不可以用this

本文链接: https://lsjlt.com/news/346947.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • jquery可不可以用this
    本文小编为大家详细介绍“jquery可不可以用this”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery可不可以用this”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。jquery可以用this。在jq...
    99+
    2023-07-04
  • jquery可以用this吗
    本教程操作环境:windows7系统、jquery3.6.1版本、Dell G3电脑。jquery可以用this。jquery中,this表示当前的上下文对象是一个html对象,可以调用html对象所拥有的属性、方法。例如:this.cla...
    99+
    2023-05-14
    this jquery javascript
  • 使用jquery可不可以加样式
    这篇文章给大家分享的是有关使用jquery可不可以加样式的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 用jquery可以加样式,方法:1、使用“$(...
    99+
    2024-04-02
  • jquery可不可以加css样式
    这篇文章主要讲解了“jquery可不可以加css样式”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery可不可以加css样式”吧! ...
    99+
    2024-04-02
  • jquery可不可以监听事件
    今天小编给大家分享一下jquery可不可以监听事件的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一...
    99+
    2024-04-02
  • jquery中可不可以有匿名函数
    本文小编为大家详细介绍“jquery中可不可以有匿名函数”,内容详细,步骤清晰,细节处理妥当,希望这篇“jquery中可不可以有匿名函数”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识...
    99+
    2024-04-02
  • jquery中可不可以添加静态方法
    这篇文章主要介绍“jquery中可不可以添加静态方法”,在日常操作中,相信很多人在jquery中可不可以添加静态方法问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”jquery...
    99+
    2024-04-02
  • jquery可不可以获取上一级元素
    这篇文章主要介绍了jquery可不可以获取上一级元素的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery可不可以获取上一级元素文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • jquery可不可以获取链接的内容
    这篇文章主要讲解了“jquery可不可以获取链接的内容”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery可不可以获取链接的内容”吧! ...
    99+
    2024-04-02
  • jquery可不可以给页面添加元素
    这篇文章主要讲解了“jquery可不可以给页面添加元素”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“jquery可不可以给页面添加元素”吧! ...
    99+
    2024-04-02
  • jquery可不可以给图片添加属性
    这篇文章主要介绍了jquery可不可以给图片添加属性的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇jquery可不可以给图片添加属性文章都会有所收获,下面我们一起来看看吧。 ...
    99+
    2024-04-02
  • vuejs可不可以使用mui
    这篇文章给大家分享的是有关vuejs可不可以使用mui的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 vuejs可以使用mui,方法:1、去githu...
    99+
    2024-04-02
  • javascript可不可以使用socket
    这篇文章主要介绍了javascript可不可以使用socket的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇javascript可不可以使用socket文章都会有所收获,下面我...
    99+
    2024-04-02
  • JavaScript中可不可以用class
    本文小编为大家详细介绍“JavaScript中可不可以用class”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript中可不可以用class”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深...
    99+
    2024-04-02
  • linux上可不可以用c
    本文小编为大家详细介绍“linux上可不可以用c”,内容详细,步骤清晰,细节处理妥当,希望这篇“linux上可不可以用c”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。 ...
    99+
    2023-03-20
    linux
  • windows cortana可不可以禁用
    这篇文章主要介绍了windows cortana可不可以禁用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇windows cortana可不可以禁用文章都会有所收获,下面我们一...
    99+
    2023-03-14
    windows cortana
  • linux可不可以tts
    本篇内容主要讲解“linux可不可以tts”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“linux可不可以tts”吧! 可以。在li...
    99+
    2023-03-10
    linux tts
  • es6可不可以用双引号
    这篇文章主要介绍“es6可不可以用双引号”,在日常操作中,相信很多人在es6可不可以用双引号问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6可不可以用双引号”的疑惑有所帮...
    99+
    2024-04-02
  • php可不可以用for循环
    这篇文章将为大家详细讲解有关php可不可以用for循环,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。php可以用for循环,PHP for循环用于预先知道脚本需要运行的次数的情况,其使用语法是“for (...
    99+
    2023-06-25
  • idea可不可以用go语言
    这篇“idea可不可以用go语言”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“idea可不可以用go语言”文章吧。idea可...
    99+
    2023-07-04
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作