JavaScript
PanDa____
努力努力再努力
展开
-
自定义模块化页面
自定义模块化页面原创 2023-11-16 09:57:08 · 65 阅读 · 0 评论 -
封装方法 闭包
【代码】封装方法 闭包。原创 2023-10-07 14:18:19 · 25 阅读 · 0 评论 -
toggleAttribute() attr() prop() 复选框 全选 效果实现
但,实际运用当中,我们需要实现的效果,可能是这个样子的,如下图如果把 后面这些都放到label标签内,不是很现实。实例:需要实现的效果有:1)点击复选框项与 后面元素,check 的 true 和 false 效果切换2)点击 全选 按钮, 复选框项 切换3)已选择 数量 实现;原创 2023-05-18 13:55:23 · 116 阅读 · 0 评论 -
Layui datetime类型 去除秒
当 datatime类型时 extrabtns: [] 一定的加上 否则 选择时间按钮 不显示。当使用layui 时间控件时。原创 2023-05-11 10:57:19 · 284 阅读 · 0 评论 -
JQ、JS、模块化页面动态赋值CSS变量var(--xxx)
使用 CSS 变量 可动态更改主题颜色。原生JS 与 JQ 两种方法赋值CSS变量原创 2023-01-28 15:37:40 · 950 阅读 · 0 评论 -
input type=“file” 获取文件名、文件类型、文件大小
input type=“file”获取文件名、文件大小、文件类型 将文件大小 改成KB 、MB 、 G 、 T 格式原创 2022-07-05 17:34:59 · 6154 阅读 · 0 评论 -
复制到剪贴板 并以HTML 格式粘贴
<div class="commonRow"> <p class="linkText">想要复制的内容<p> <span onclick="copyText(this)">复制</span><div> function copyText(e){ var text = $(e).parents('.commonRow').find('.linkText').text(); ...原创 2022-05-11 14:31:28 · 389 阅读 · 0 评论 -
input 输入监听以及关闭按钮隐藏
<div class="forFlex searchPerson"> <div class="forFlex"> <i class="searchPersonBtn"></i> <input type="text" class="inputPerson" placeholder="请输入成员或部门"> </div> <i class="searchPers...原创 2022-04-27 11:33:58 · 382 阅读 · 0 评论 -
下拉菜单一级菜单与二级菜单中间有空隙
有的时候,在写一级菜单与二级菜单的时候,两个菜单的布局并不是挨着的,中间会因为样式设置,会产生一点高度差,但这种情况很容易在一级菜单获取焦点时二级菜单显示,而一级菜单一失去焦点,二级菜单也跟着消失,这样就点不到二级菜单,不能对二级菜单进行选择,这时脚本的写法可以如下展示: <div class="topDiv"> <p id="logoImg"><a href="../index.htm"><img src="../s.原创 2022-04-21 11:00:47 · 541 阅读 · 0 评论 -
vue实现对数据的渲染和删除
实现如下页面效果:页面样式: <style> *{padding:0;margin: 0;} tr{line-height: 40px; } th,td{text-align: center; border: 1px solid #ccc;} ul{width:12.5rem; box-sizing: border-box; display: -webkit-box; -webkit-box-orient:horizontal; -we原创 2022-02-23 10:45:20 · 1141 阅读 · 0 评论