jQuery
关注
分享
扫一扫
火星飞鸟
学习前端ing...
展开
-
基于jQuery的仿IOS14计算器
实现效果：[→点击此处预览效果←]点击Calculator按钮，打开计算器。打开计算器后，左边一栏是对于键盘操作的提示信息。按住计算器顶部并移动，可以实现拖拽计算器功能。实现了计算器的基本计算功能。计算器显示数字的区域，当数字过多时，自动缩小字体以显示全部的数字。点击计算器右上角的×，关闭计算器。存在的BUG：因本人水平、时间有限，计算器存在一些BUG显示0.1+0.2=0.30000000000000004，精度问题未解决。没有键盘按下的显示效果。键盘按下的显示效果应与鼠标原创 2020-11-30 21:28:43 · 465 阅读 · 2 评论 -
RESTful 风格的API
传统请求地址：GET http://www.example.com/getUsers // 获取用户列表GET http://www.example.com/getUser?id=1 // 比如获取某一个用户的信息POST http://www.example.com/modifyUser // 修改用户信息GET http://www.example.com/deleteUser?id=1 // 删除用户信息RESTful API 概述GET：原创 2020-11-23 16:31:41 · 225 阅读 · 0 评论 -
jQuery 封装函数：将表单中输入的内容转换为对象类型
实现效果：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>将表单中用户输入的内容转换为对象类型</title></head><body> <form id="form"> <input type="text" name="username"原创 2020-11-23 16:19:51 · 453 阅读 · 1 评论 -
jQuery 中的 Ajax
1. $.ajax()方法基本使用var params = { name: 'wangwu', age: 300}$('#btn').on('click', function() { $.ajax({ // 请求方式 type: 'post', // 请求地址 url: '/user', // 向服务器端发送的请求参数 // name=zhangsan&age=100原创 2020-11-23 16:14:32 · 181 阅读 · 0 评论 -
基于jQuery的待办事项ToDoList
实现效果：关闭浏览器重新打开或者刷新页面，数据并不会消失！代码实现：ToDoList.html（复制并保存为html文件，打开即可见效果）：<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-w原创 2020-10-28 12:17:37 · 507 阅读 · 1 评论 -
jQuery 简明教程 快速上手
1. jQuery概述1.1 JavaScript 库即 library，是一个封装好的特定的集合（方法和函数）。从封装一大堆函数的角度理解库，就是在这个库中，封装了很多预先定义好的函数在里面，比如动画animate、hide、show、获取元素等。简单理解： 就是一个JS 文件，里面对原生JS代码进行了封装，存放到里面。这样可以快速高效使用这些封装好的功能了。jQuery，就是为了快速方便操作DOM，里面基本都是函数（方法）。1.2 jQuery 的概念jQuery 是一个快速、简洁的 Jav原创 2020-10-27 18:11:04 · 335 阅读 · 0 评论 -
jQuery 图片高亮显示效果
实现效果：代码实现：<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; }原创 2020-10-27 18:01:09 · 1228 阅读 · 0 评论 -
jQuery TAB栏切换效果
实现效果：代码实现：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> &l原创 2020-10-27 17:58:05 · 546 阅读 · 0 评论