
jQuery
文章平均质量分 88
前端布洛芬
能用自己的力量站在这片大地上的人都是勇敢的人,而我想成为这样
展开
-
如何在 HTML 中使用<dialog>标签创建模态对话框,有哪些交互特性
模态对话框是一个弹出窗口,当它显示时,会强制用户和它进行交互,在完成该对话框所要求的操作(如确认、取消、输入信息等)之前,用户无法操作页面的其他部分。它就像一个“暂停键”,暂时将页面的主要操作流程中断,引导用户优先处理对话框内的内容。原创 2025-03-24 19:43:44 · 1215 阅读 · 0 评论 -
swiper获取数据时,重复渲染dom。
今天我遇到了一个问题 就是swiper获取数据时当数据只有一条时,重复渲染dom。在你初始化渲染dom时,new Swiper('#swiper-container3', { // slidesPerView: "auto", nextButton: '#swiper-container3 .swiper-button-next', prevButton: ...原创 2019-01-09 10:33:35 · 6490 阅读 · 5 评论 -
jQuery点击复选框让button按钮变色
/* * 让button按钮变色思路 * 当页面加载完毕时此时button按钮没有checked属性,当点击button按钮时,此时button没有checked属性则返回undefined,则为false * 则button按钮为默认背景色,当鼠标点击button时添加checked属性并赋值为true,这时button的背景色为红色,再次点击时将checked属...原创 2018-07-12 16:08:14 · 2003 阅读 · 2 评论 -
常用正则表达式
常用正则表达式 一、校验数字的表达式1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d...原创 2018-06-10 18:17:34 · 432 阅读 · 0 评论 -
Bootstrap+jq+jqajax+php+数据库增删改查源码(跳转页面版)
今天为大家带来的Bootstrap+jq+jqajax+php+数据库增删改查源码(跳转页面)。添加页面html lang="zh-CN">head> meta charset="utf-8"> meta http-equiv="X-UA-Compatible" content="IE=edge"> meta name="viewport" content=原创 2018-01-17 12:16:05 · 885 阅读 · 0 评论 -
简单的隔行换色 jq
随手写的大家多包涵 简单的隔行换色页面html Title .box{ width: 100px; margin: 0 auto; } .box p{ text-align: center; line-height: 14px; } 1 2原创 2017-11-07 20:04:52 · 600 阅读 · 0 评论 -
jq子元素过滤选择器
jq子元素过滤选择器 主要通过jq选择器中的伪类选择器,进行设置。样式css原创 2017-11-08 19:05:16 · 735 阅读 · 4 评论 -
关于jq动态创建出按钮不能添加事件解决办法
关于jq动态创建出按钮不能添加事件解决办法原创 2017-11-12 19:59:52 · 1075 阅读 · 0 评论 -
jq的DOM操作增删改
jq的DOM操作增删改样式body{ width: 100%; height: 100%;}ul{ padding-top:20px;}ul> li{ width: 100px; height: 30px; background: #c4e3f3; float: left; list-style: none原创 2017-11-12 20:03:41 · 2064 阅读 · 0 评论 -
JQ 选择器大全
JQ 选择器大全 一、基本选择器 选择器 描 述 返回 示例 #id 根据给定id匹配一个元素 单个元素 $("#test") 选取id为test的元素 .class 根据给定类名匹配一个元素 集合元素 $(".test") 选取class为test的元素 element 根据给定元素转载 2017-11-12 20:02:02 · 1182 阅读 · 0 评论 -
jquery简单实现tab选项卡效果
css:div{margin:0;padding:0;width:184px;height:200px;border:1px solid #ccc;display:none;}.tab{margin:0;padding:0;list-style:none;width:200px;overflow:hidden;}.tab li{float:left;width:60px;heigh原创 2017-11-06 18:29:08 · 3264 阅读 · 0 评论 -
简单实用的TAB切换标签
插件描述:简单实用的TAB切换标签,可重复调用 引入JQ库,JS: 样式已经写在html上了,根据需求自行修改。原创 2017-11-07 19:58:30 · 1079 阅读 · 0 评论