随笔分类 -  js

js改变HTML元素样式
摘要：html <p id="demo">js改变HTML元素样式</p> <button type="button" onclick="MyTest(this)">测试</button> js function MyTest() { // 改变 <p> 元素的样式，将字号改为40，颜色改为红色 var 阅读全文
posted @ 2021-12-04 10:45 柠七。 阅读(150) 评论(0) 推荐(0)
js改变HTML内容
摘要：html <p id="demo">js改变HTML内容</p> <button type="button" onclick="MyTest(this)">测试</button> js function MyTest() { document.getElementById("demo").inner 阅读全文
posted @ 2021-12-04 10:18 柠七。 阅读(141) 评论(0) 推荐(0)
js 循环获取单个被选中的active 的class值
摘要：$(this).addClass('class')：为当前元素添加'class'类（供选择器使用 - - ） $(this).siblings('class')：查找当前元素的所有类名为 "class" 的所有同胞元素，也就是有相同类名的同胞元素。（同胞就是拥有相同的父元素） $(this).rem 阅读全文
posted @ 2021-11-23 11:51 柠七。 阅读(626) 评论(0) 推荐(0)
js正则表达式基本用法
摘要：/^[0-9]{1,20}$/ # 字符范围在0-9之间，长度为1-20的规则 /^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/ # 5-20个以字母开头、可带数字、"-"、"."的规则 /^[a-zA-Z]{1,30}$/ # 1-30个以字母开头的规则 /^1(3| 阅读全文
posted @ 2021-11-23 10:46 柠七。 阅读(90) 评论(0) 推荐(0)
js实现两个radio按钮，选择不同的radio，input框出现不一样的placeholder提示
摘要：html <label><span style="color:red">* </span>性别</label> <input class="i-checks" type="radio" name="radio" value="1" id="radio1" checked="checked"/> <l 阅读全文
posted @ 2021-11-23 09:58 柠七。 阅读(295) 评论(0) 推荐(0)
laravel js 单张图片上传及预览
摘要：1.html <div class="content"> <label for="permit_copies" class="file">选择图片 <input id="permit_copies" class="file" type="file" name="permit_copies"> </l 阅读全文
posted @ 2021-11-22 18:10 柠七。 阅读(84) 评论(0) 推荐(0)
js 刷新当前页面方法
摘要：location.reload() 阅读全文
posted @ 2021-11-22 17:34 柠七。 阅读(30) 评论(0) 推荐(0)
laravel js 表格超出宽度鼠标悬停显示td内容
摘要：方法： function contentMatter(value,row,index) { var span=document.createElement("span"); span.setAttribute("title",value); span.innerHTML = value; retur 阅读全文
posted @ 2021-11-22 17:21 柠七。 阅读(68) 评论(0) 推荐(0)
laravel js 单选框与多选框按钮传值
摘要：单选框 let item = $('input[name=title]:checked').val(); 多选框 let obj = document.dataForm.module; let ids = []; for (let i = 0; i < obj.length; i++) { if ( 阅读全文
posted @ 2021-11-22 17:02 柠七。 阅读(107) 评论(0) 推荐(0)
js实现表单提交按钮禁用，防止多次点击提交重复数据，与改变按钮文字
摘要：$('#submit').attr('disabled',true).text('提交中...'); js html 阅读全文
posted @ 2021-11-22 16:11 柠七。 阅读(293) 评论(0) 推荐(0)