×

JQUERY文章/教程

turn.js教程及总结

哇咔咔 哇咔咔 发表于2024-04-19 浏览8409 评论0
先看一眼我制作的简单demo演示图 这部分主要用作演示及养眼 接下来我们来抛开演示图来讲一下如何使用 turn简介 一个基于jquery用来实现3d翻书效果的插件 使用所需 jquery.js、turn.js 这里面jquery全网一查都是, turn.js官网下载太慢了,嫌慢的码友们可以私信我或留言我会发给大家 基本用法 $('#book').turn({ acceleration: true, // 是否启动硬件加速 如果为触摸设备必须为

JQUERY文章/教程

通过Ajax获取数据并显示在表格中(原生Ajax,JQuery,Bootstrap,模板引擎)

帝王组仁希 帝王组仁希 发表于2024-04-19 浏览4156 评论0
需求 页面上有一个“获取”按钮。当点击按钮时,从后端获取数据,并通过表格显示在页面上。 环境 Ubuntu 22.04 VSCode 1.67.2 jQuery v3.6.0 Bootstrap 5.2 art-template 4.13.2 IntelliJ IDEA 2022.1.3 Firefox 102.0.1 准备 创建SpringBoot项目 test0709 ,添加Spring Web依赖。 创建Controller MyController : @RestC

JQUERY文章/教程

jQuery实现ajax请求

●°彩儿﹏ ●°彩儿﹏ 发表于2024-04-19 浏览5585 评论0
jQuery实现ajax请求 在没学习jQuery之前,发送ajax是比较麻烦的一个过程,需要四个步骤,jQuery将这些个步骤简化了,使用起来更加方便快捷 相关函数 $.ajax() : 它是jQuery中实现ajax的核心函数 $.post() : 这个函数是使用post方式发送ajax请求 $.get() : 这个函数是使用get的方式发送ajax请求 $.post() 和 $.get() 它们都是在内部调用了 $.ajax() ,所以 $.ajax() 是核心函数 $.

JQUERY文章/教程

前端实现动画的7种方式(前端实现动画的7种方式是什么)

夏沫浅笑 夏沫浅笑 发表于2024-04-19 浏览6517 评论0
1.css3的transition属性 transition只需指定动画的开始和结束状态,整个动画的过程是由特定的函数控制,你不用管它  2.css3的animation属性 animation可以对动画过程中的各个关键帧进行设置 3.原生JS动画 通过setInterval或setTimeout方法的回调函数来持续调用改变某个元素的CSS样式以达到元素样式变化的效果 4.使用canvas绘制动画 Canvas主要优势是可以应对页面中多个动画元素渲染较慢的情况,完全通过javasc

JQUERY文章/教程

js实现为新添加元素添加绑定事件(js动态添加元素绑定事件)

meiti meiti 发表于2024-04-18 浏览4779 评论0
不知道大家在写js的时候碰没碰到过这样一个问题:算了,还是直接上代码 就是有时我们使用querySelectAll(‘li’)只能获取html原有的li1,li2,li3标签,如果我们此时创建一个新的小li名为newLi并把它添加到div里面,querySelectAll(‘li’)就无法选取newLi。 <div> <li>li1</li> <li>li2</li> <li>li3</li> &l

JQUERY文章/教程

1+x web前端开发初级选择题整理(html+css+jquery)

Dirk Dirk 发表于2024-04-17 浏览5763 评论0
1.JavaScript 函数中,哪个语句可以返回值() [单选题] A.go B.exit C.return(正确答案) D.continue 2.下面哪些不属于按功能划分的常用运算符() [单选题] A.取整运算符 B.算术运算符 C.逻辑运算符 D.逻辑函数运算符(正确答案) 3.在 text-shadow 属性使用的参数中,第二个参数是指什么() [单选题] A.阴影的模糊半径 B.阴影的颜色 C.阴影与文字的横向距离

JQUERY文章/教程

b站pink老师JavaScript的jQuery 案例代码——电梯导航案例

乔帅-域名批发 乔帅-域名批发 发表于2024-04-17 浏览4564 评论0
目录  代码部分: 1.index.js(全是重点) 2.index.html(辅助作用,用于查看结构) 3.index.css(辅助作用,用于设置一开始的电梯导航display:none) 4.jquery.min.js(辅助作用) 5.base.css(辅助作用) 6.common.css(辅助作用) 7.detail.css(辅助作用) 8.list.css(辅助作用) 9.register.css(辅助作用) 目标效果: 1.一开始是显示隐藏电梯导航(.fi

JQUERY文章/教程

三、jQuery 中的 DOM 操作(超详细)(jquery操作dom的方式)

SH SH 发表于2024-04-16 浏览7164 评论0
前言 本文将学习 jQuery 中的 DOM 操作。 一、 DOM 介绍 文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标志语言的标准编程接口。DOM 定义了访问 HTML 和 XML 文档的标准。DOM 可以把 HTML 看做是文档树,通过 DOM 提供的 API 可以对树上的节点进行操作。下面我们来看一下 W3C 上的 dom 树: 二、 查找节点 使用 jQuery 在文档树上查找节点非常容易,我们可以

JQUERY文章/教程

Focus事件与blur事件(focus是什么事件)

宜商科技胡先生 宜商科技胡先生 发表于2024-04-16 浏览7113 评论0
一、简介 Focus事件。当元素获得焦点时,触发focus事件。当通过鼠标点击或选中元素或通过tab键定位到元素时,该元素就会获得焦点。Focus()方法触发focus事件,或规定当发生focus事件是运行的函数。 Focus(),可以传入参数供函数处理。与focusin类似,两者区别在与,focusin可以在父元素上检测子元素获取焦点的情况。 Blur事件。当元素失去焦点时触发blur事件。Blur()函数触发blur事件或者如果设置了function参数,该函数也可规定当blur事件发生时执

JQUERY文章/教程

小白基础JavaScript库

nmgtjkjyxgs nmgtjkjyxgs 发表于2024-04-16 浏览6040 评论0
JQuery JavaScript库 一个封装好的特定的集合(方法和函数)。在这个库里面,封装了很多定义好的函数,支持js的常规操作以及拓展 JQuery 是一个快速、简介的js库,设计的宗旨"write less,do more" 学习jquery的本质:学习调用这些函数(方法) JQuery的使用 引入jq文件 下方使用script标签 <script src="./jquery-3.6.0.js"></script> <script&

JQUERY文章/教程

【历史上的今天】8 月 26 日:jQuery 发布;中国第一台百万次计算机试制成功

真 发表于2024-04-16 浏览13870 评论0
整理 | 王启隆 透过「历史上的今天」,从过去看未来,从现在亦可以改变未来。 你的公司如今还在使用 jQuery 吗?今天是 2022 年 8 月 26 日,16 年前的今天,JavaScript 框架 jQuery 的第一个稳定版本发布,直到现在都还有许多的公司项目使用着它;除此之外,今天同样是对中国科技史影响重大的日子。让我们回望那些科技先驱者走过的路,寻找互联网未来的可能性。 1873 年 8 月 26 日:无线电之父、电子管之父 Lee Forest 出生 148 年

JQUERY文章/教程

jq动态拼接html页面及数据(jquery拼接html)

依然 依然 发表于2024-04-15 浏览69254 评论0
写在前面 前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家:人工智能学习网站 一、jq动态拼接html页面 需求: 1.页面内容不是死的 2.根据后台数据动态加载页面数据 实现: 在这之前我们需要了解下apppend()与html()这两个方法的区别: 简单来说就是append()方法是在元素列表添加某个元素,但是html()是替换元素中的数据。如果需要做换页,导航此类的效果最好使用html()方法 详情可参考:append()与html