jQuery基础案例
关注
分享
扫一扫
jQuery基础学习过程中的基础，详细知识，以及基础样式，轮播图，手风琴优化什么的~~~~~~~
休息休息夏
我爱喝咖啡~~~
展开
-
jQuery自定义表单验证插件（基于Bootstraps）
jQuery自定义表单验证插件（基于Bootstraps）表单验证展示图：1.表单验证后，点击“提交”，出现alter弹窗2.当表单验证后，输入不符合后，阻止提交，并且触发表单验证3.当输入符合后，提交成功，表单验证成功结构图：head：<head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery-3.1.0.js">原创 2021-04-23 22:59:19 · 329 阅读 · 0 评论 -
jQuery借助Bootstraps实现表单验证
jQuery借助Bootstraps实现表单验证实现演示图片：功能说明：1.暂时表单验证就是验证表单非空2.当表单验证为非空时候。表单变成绿色，后面icon变成正确符号3.当表单验证为空。表单变成红色，后面icon图标为错误符号，并且有提示文字结构图：head结构：<head> <meta charset="UTF-8"> <title>Title</title> <script src="../jquery原创 2021-04-23 21:40:12 · 294 阅读 · 0 评论 -
jQuery手风琴案例01
jQuery手风琴案例01代码演示效果：1.运用jQuery，动画样式进行轮播图切换2.前提，需要引入animate.css（官网下载就有）HTML代码：<head> <meta charset="UTF-8"> <title>手风琴</title> <link rel="stylesheet" href="../animate.css"> <link rel="stylesheet" href=原创 2021-04-09 14:53:47 · 229 阅读 · 0 评论 -
箭头函数简单介绍及案例
jQuery箭头函数ES6标准新增了一种新的函数：Arrow Function（箭头函数）。x => x * x相当于：function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return：x => { if (x > 0) { return x *原创 2021-04-08 21:05:43 · 313 阅读 · 0 评论 -
自定义插件实现tabs切换功能
自定义插件实现tabs切换功能这是HTML代码：<script src="jquery-3.1.0.js"></script> <script src="plugs/demo01.js"></script> <style> #tabs>div{ height: 200px; width: 200px; background-color:原创 2021-04-08 20:31:23 · 202 阅读 · 0 评论