前端
文章平均质量分 54
前端
你好啊cbw
这个作者很懒,什么都没留下…
展开
-
ajax如何传递数组到后台
1.var userIds = $.makeArray(list);2.ajax一个属性traditional:true3.后台原创 2021-08-20 00:13:39 · 197 阅读 · 0 评论 -
在jsp/html中的select下拉菜单如何传值到后台以及接收后台的传值
JSP/Html中select下拉菜单传递被选中的值和接收值都是同样的逻辑,只是形式不同。select传递选中的值到后台:后台传值到select:HTML的select传递选中的值到后台JSP中的select传递选中的值到后台...原创 2021-08-19 21:01:12 · 9242 阅读 · 1 评论 -
layui前端布局框架之layer弹出层插件中常用函数
layer - msg函数 用于弹出信息提示框 格式1. layer.msg("文本"); 格式2. 抖动显示 layer.msg("文本",function(){ //弹窗结束后会执行 });layer - load函数 格式: 弹出loading: var index = layer.load(数字0-2); // 参数表示 loading的图表 .原创 2021-03-30 21:29:34 · 1052 阅读 · 0 评论 -
Bootstrap响应式布局
目录1.什么是 Bootstrap?2.为什么使用 Bootstrap?3.Bootstrap 包的内容4.Bootstrap的安装与使用5.Bootstarp Css5.1.Bootstrap-按钮5.1.1.按钮样式5.1.2.按钮大小5.1.3.按钮状态5.1.4.按钮标签5.2.Bootstrap-表格5.2.1.表格类5.2.2., 和 类5.2.3.基本的表格5.2.4.条纹表格5.2.5.边框表格5.2.6.悬停表格5.2原创 2021-03-07 02:28:27 · 2238 阅读 · 0 评论 -
简洁高效的JQuery
1、概念 jQuery是一个JavaScript函数库。jQuery是一个轻量级的"写的少,做的多"的JavaScript库。 jQuery库包含以下功能:HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTML DOM 遍历和修改 AJAX Utilities 提示: 除此之外,jQuery还提供了大量的插件。 目前网络上有大量开源的 JS 框架...原创 2021-03-06 17:19:40 · 417 阅读 · 1 评论 -
JQuery实现省市级联
逻辑1.首先来两个下拉列表,一个是省份列表,一个是城市列表,将来这些列表内容都是从数据库读取到数据通过使用html(...)动态向select元素中填充option元素,这里的省份列表直接写死了,存储城市的存储结构使用的是数组。2.给省份列表绑定change事件(内容改变事件)3.当省份内容发生变化时,获取对应option(就是当前选中元素this)中的value值4.根据value值在数组中找到省份对应的所有城市,通过html(..)将每一个option填充到city的下拉列表中,达到不同原创 2021-03-06 17:18:12 · 1730 阅读 · 0 评论 -
JQuery实现动态表格(添加、删除、遍历)
遍历表格逻辑1.浏览器会自动把所有行tr使用tbody标签包裹起来2.使用childern()获取当前元素的所有儿子标签3.table表格需要两个childern才能获取到所有tr行,若一个childern只能获取到tbody,即$("#myTable").childern().childern()4.遍历每行,每行元素trObject调用childern()获取每行的所有单元格(列)集合,时刻将js对象转成jq对象。5.遍历每个单元格,使用Htm()获取每个单元格内容存入字符串变量st原创 2021-03-06 16:53:06 · 11520 阅读 · 1 评论 -
JQuery实现动态时间
使用Date获取当前时间(年月日时分秒),使用html()/text()向元素中插入时间使用定时器setInterval每一秒调用一次方法获取时间或使用setTimeout递归调用方法获取时间给停止按钮绑定点击事件,清除定时器<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态时间</title> <script type原创 2021-03-06 15:23:10 · 1526 阅读 · 0 评论 -
JQuery实现全选/全不选
当点击全选时,获取全选表单项的checked属性值flag为true即被选中然后给所有属性名name='one'表单项添加被选中的属性checked="true"给所有单选框绑定点击事件,当点击某个单选框取消被选中时,这时候需要遍历所有单选框当找到任意一个没被选中的单选框时就修改全选的那个单选框的被选中状态为false即checked=false,若是所有单选框的checked属性都是true则修改全选的那个单选框为被选中状态checked=true<!DOCTYPE html>原创 2021-03-06 15:08:36 · 873 阅读 · 0 评论 -
JQuery实现表单验证
使用属性选择器来选中具体元素使用val()/html()给元素添加内容给每个表单项绑定离焦事件<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单验证</title> <script type="text/javascript" src="js/jquery-3.3.1.js"></script> <原创 2021-03-06 14:45:28 · 561 阅读 · 0 评论 -
常用的正则校验
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <script> /*检查输入的身份证号是否正确*/ function checkCard(str) { /*15位数身份证正则表达式: * 编码规则顺序从左至右依次为6位数字地址.原创 2021-03-04 22:46:56 · 266 阅读 · 2 评论 -
随机点名器【定时器练习】
要求:开始和停止在一个按钮上按钮可以重复使用-开始-停止-开始-停止--做法:主要是给按钮添加点击事件,使用计数器%2判断当前点击是开始还是停止并相应给出样式内容变换<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <style> #div1{ width: 1..原创 2021-03-04 22:30:44 · 279 阅读 · 1 评论 -
Javascript实现简单的表单验证
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>表单验证</title> <script> function validateName() { //所有的表单项元素都value属性 var name = document.getElementById("userName").value; var ...原创 2021-03-04 16:21:35 · 186 阅读 · 1 评论 -
JavaScript基础知识
目录1、概述1.1 什么是JavaScript?1.1.1 概念1.1.2 作用1.3 JavaScript的用法1.3.1 HTML页面中的JavaScript1.3.2 外部的JavaScript1.3.3 标签属性中的JavaScript1.4 JavaScript显示数据1.4.1 使用window.alert()弹出框1.4.2 使用document.write()将内容写入到html文档1.4.3 使用innerHTML写入到html元素1.4原创 2021-03-02 17:29:08 · 737 阅读 · 0 评论 -
京东超市 导航条布局
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> /*首先去除浏览器默认样式*/ *{ margin: 0; padding: 0; color: #333;/*先全局统一颜色*/ } a{/*去除超链接样式 下划线*/ text-decora...原创 2021-03-02 14:24:35 · 296 阅读 · 0 评论 -
CSS与CSS3美化页面
目录1、CSS的概念2、CSS的优势3、CSS的使用:CSS与html结合使用3.1 行内样式/内联样式3.2 内部样式3.3 外部样式3.4.作用域范围和优先级4、CSS语法5、CSS注释6、基本选择器:筛选具有相似特征的元素1、CSS的概念层叠样式表(英文全称:Cascading Style Sheets) 层叠:多个样式可以作用在同一个html的元素上,同时生效 是一种用来表现HTML或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。原创 2021-03-01 13:53:24 · 594 阅读 · 0 评论 -
HTML5常用标签【知识点整理】
目录1.HTML概念2.HTML文档基本结构3.HTML常用标签3.1.标签的使用3.2.常用标签3.2.1.文本标签h1-p-br-hr-span3.2.2.图片标签-img3.2.3.列表标签ul(ol)-li3.2.4.定义描述标签dl-dt-dd3.2.5.布局标签层-div3.2.6.超链接-a3.2.7.表格标签-table-tr-th-td3.2.8.表格高级标签-caption-thead-tbody-tfoot3.2.9.表单-for原创 2021-03-01 02:22:48 · 1126 阅读 · 1 评论 -
静态注册页面+正则校验表单【JavaScript和JQuery两种实现】
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>注册页面</title> <style> /*将所有标签默认的内外边距清除*/ *{ margin: 0px; padding: 0px; /*元素宽由widt原创 2021-02-28 00:07:17 · 494 阅读 · 3 评论