文章 2024-10-18 来自:开发者社区

使用 jQuery 中的 this 实例

在 jQuery 中,this 关键字用于表示指向当前操作的 DOM 元素。本篇博客将详细介绍如何在 jQuery 中使用 this 实例。 一、选择器中的 this 在选择器中,this 可以方便地指向当前操作的 DOM 元素。例如,当用户点击一个按钮时,我们想要获取该按钮的文本内容,可以使用如下代码: ...

文章 2024-09-27 来自:开发者社区

jQuery 实例

你想增进 jQuery 技能吗? jQuery 选择器 $(this).hide() 演示 jQuery 的 hide() 函数,隐藏当前的 HTML 元素。 $("p").hide() 演示 jQuery 的 hide() 函数,隐藏所有 <p> 元素。 ...

文章 2024-08-12 来自:开发者社区

使用 jQuery 中的 this 实例

在 jQuery 中,this 关键字用于表示指向当前操作的 DOM 元素。本篇博客将详细介绍如何在 jQuery 中使用 this 实例。 一、选择器中的 this 在选择器中,this 可以方便地指向当前操作的 DOM 元素。例如,当用户点击一个按钮时,我们想要获取该按钮的文本内容,可以使用如下代码: ...

文章 2024-03-11 来自:开发者社区

jquery+css实现Tab栏切换的代码实例

前几天面试碰到现场给写一个Tab栏切换的功能,思想基本上懂,但是好久没写过,一时要全部实现效果还真有点难。回来后,再把思路理一理,写一个,基础还是很重要的。 最终要实现的效果图如下: (1)点击tab栏显示对应的内容,并且tab栏样式变化。实现方式:一般tab栏如果要做成比较好看的样式,会切两张图作为背景,一张用于选中时的背景,一张用于未选中的背景。这里为了简单,只用css设置样...

文章 2024-03-11 来自:开发者社区

jquery实现二级导航下拉菜单效果实例

大家都知道jQuery是一个框架,它对JS进行了封装,使其更方便使用。前面两篇博文分别是用CSS样式和JS实现的,那么这篇就用jQuery来实现二级下拉式菜单。 使用JQuery实现需要用到的知识有: 1)使用$(function(){...})获取到想要作用的HTML元素。 2)通过使用children()方法寻找子元素。 3)通过使用show(...

文章 2023-12-19 来自:开发者社区

【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)

觉得有帮助请点赞关注收藏~~~一、JavaScript基础Javascript是网页编程语言,决定网页元素的动作。HTML页面中通过<script></script>指定Javascript内容,通过//或者 /* */执行代码的备注功能,并且区分大小写。1:变量Javascript使用关键字var、let 或者 const 定义变量,变量可以是数值、字符串或者对象类型,....

【Web智能聊天客服】之JavaScript、jQuery、AJAX讲解及实例(超详细必看 附源码)
文章 2023-09-26 来自:开发者社区

哈哈哈 原来使用jQuery+CSS就可以实现图片自动切换轮播效果是那么简单的事情 搞了个小米商城官网淡入淡出自动轮播图效果来看看也挺好玩的 附上实例完整代码

作者:极客小俊 个人主页 极客小俊✍ 作者简介:web开发者、设计师、技术分享博主 希望大家多多支持一下, 我们一起进步! 如果文章对你有帮助的话,欢迎评论 点赞 收藏 加关注 前言 刚刚学了javascript有了一点点小基础之后感觉,原来使用jQuery+CSS就可以实现图片切换轮播效果是那么简单的事情 你再也不用使用javascript去写一大堆繁琐的代码了搞了个小米商城官网...

哈哈哈 原来使用jQuery+CSS就可以实现图片自动切换轮播效果是那么简单的事情 搞了个小米商城官网淡入淡出自动轮播图效果来看看也挺好玩的 附上实例完整代码
文章 2022-08-29 来自:开发者社区

jQuery 实例

讲解内容:使用jQuery实现购物车效果代码展示://总金额变量 let totalPrice = 0; //删除商品从购物车 function deleteItem(obj){ if(window.confirm("确定要删除该商品吗?")){ console.log('deleting...'); $(obj).parent().parent().r...

文章 2022-02-17 来自:开发者社区

jQuery 特效实例_幽灵按钮4|学习笔记

开发者学堂课程【jQuery 开发教程:jQuery 特效实例_幽灵按钮4】学习笔记,与课程紧密联系,让用户快速学习知识。课程地址:https://developer.aliyun.com/learning/course/362/detail/4315jQuery 特效实例_幽灵按钮4一、代码示例实现 tooltip 提示框思路,要写一个div来承载提示框,需要位置的计算和下面的三角号,已经显示....

jQuery 特效实例_幽灵按钮4|学习笔记
文章 2022-02-17 来自:开发者社区

jQuery特效实例_幽灵按钮3|学习笔记

开发者学堂课程【jQuery 开发教程:jQuery 特效实例_幽灵按钮3】学习笔记,与课程紧密联系,让用户快速学习知识。课程地址:https://developer.aliyun.com/learning/course/362/detail/4314jQuery 特效实例_幽灵按钮3一、按钮元素的动态效果1.将箭头制作动态效果点亮效果.box .link .button{ … transiti....

jQuery特效实例_幽灵按钮3|学习笔记

本页面内关键词为智能算法引擎基于机器学习所生成,如有任何问题,可在页面下方点击"联系我们"与我们沟通。

阿里巴巴终端技术

阿里巴巴终端技术最新内容汇聚在此,由阿里巴巴终端委员会官方运营。阿里巴巴终端委员会是阿里集团面向前端、客户端的虚拟技术组织。我们的愿景是着眼用户体验前沿、技术创新引领业界,将面向未来,制定技术策略和目标并落地执行,推动终端技术发展,帮助工程师成长,打造顶级的终端体验。同时我们运营着阿里巴巴终端域的官方公众号:阿里巴巴终端技术,欢迎关注。

+关注