随笔分类 -  h5

清除表单input输入框内数据
摘要：清除表单input输入框内数据 1. $(':input','#addVoucherType') //'#addVoucherType'表单id .not(':button') .val('') .removeAttr('checked') .removeAttr('selected'); 2. $ 阅读全文
posted @ 2020-05-28 09:45 海绵宝宝y 阅读(1543) 评论(0) 推荐(0)
js动态生成的dom mouseover事件无效
摘要：原文链接：https://blog.csdn.net/nuoyuezuo/article/details/89241524 作者：兔老大的胡萝卜 html文件种，固定的div是可以用那些事件的，但是如果变成动态生成的就无法使用，解决方法：将事件函数写到动态生成的函数中，而不是独立在其他地方 之前遇到 阅读全文
posted @ 2020-05-28 09:07 海绵宝宝y 阅读(1380) 评论(0) 推荐(0)
jq获取当前日期xxxx-xx-xx格式
摘要：var date = new Date().toLocaleDateString() .split("/") .join("-") 注：换行是为了美观，便于阅读，养成良好编码习惯，和写一行效果是一样的 new Date()：获取当前日期 输出：Wed May 27 2020 17:03:56 GMT 阅读全文
posted @ 2020-05-27 17:09 海绵宝宝y 阅读(1289) 评论(0) 推荐(0)
获取自定义属性、 data-* 的值
摘要：//获取自定义属性值 <div id="text" dataObj="我是自定义属性"><div> JQUERY取值：$("#text").attr("dataObj"); 输出：我是自定义属性 //获取data-*值 <div id="text" data-level="1"><div> JQUE 阅读全文
posted @ 2020-05-27 16:59 海绵宝宝y 阅读(762) 评论(0) 推荐(0)
媒体查询不起作用
摘要：媒体查询不起作用 @media only screen and(max-width: 1200px ) { .main { color: red; } } 改之后： @media only screen and (max-width: 1200px ) { .main { color: red; } 阅读全文
posted @ 2020-05-27 10:04 海绵宝宝y 阅读(1541) 评论(0) 推荐(0)
jq 实现鼠标悬浮当前li,显示图标，悬浮另一个li,上一个li图标隐藏，当前li图标显示
摘要：核心js代码 $("#list li").on({ mouseover:function(){ $(this).children(".task-side").css("left","0"); $(this).children(".task-main").css("margin-left","27px 阅读全文
posted @ 2020-05-25 13:45 海绵宝宝y 阅读(1305) 评论(0) 推荐(0)
Sortable--表格拖拽、多列表拖拽
摘要：实现结果：两列表格可以互相拖拽 用到的技术： SortableJS 功能强大的JavaScript 拖拽库,官网http://www.sortablejs.com/index.html，配置项参考http://www.sortablejs.com/options.html 页面实现demo <!DO 阅读全文
posted @ 2020-03-26 14:05 海绵宝宝y 阅读(2694) 评论(0) 推荐(0)
标准模式和怪异模式
摘要：一、< ! DOCTYPE html >有什么作用？ H5头部< ! DOCTYPE html > DOCTYPE称为Document Type Declaration(文档类型声明，缩写DTD),它在 文档正文之前就确定当前文档的类型，以决定其需要渲染的模式，< ! DOCTYPE html >表 阅读全文
posted @ 2020-03-09 11:34 海绵宝宝y 阅读(489) 评论(0) 推荐(0)
导航栏nav切换固定当前选项卡
摘要：css .cur{ background:#D96C00; font-weight:bold;} html: <ul class="menu" id="menu"> <li><a href="index.html">首页</a></li> <li><a href="hanonly.html">栏目一 阅读全文
posted @ 2019-07-01 13:46 海绵宝宝y 阅读(612) 评论(0) 推荐(0)
手机端按钮点击时会有阴影，如何去除呢
摘要：我们在做手机页面的时候，点击按钮的瞬间会有阴影部分，特别丑，如下图所示，本来是一个带圆角的按钮当点击的时候会有一个长方形的蓝色阴影，那么如何去除阴影呢？ 经过查找，阴影是a标签的href引起的，想要去除阴影在css里加上-webkit-tap-highlight-color:transparent; 阅读全文
posted @ 2019-03-27 10:35 海绵宝宝y 阅读(2109) 评论(0) 推荐(0)
h5做适应不同手机尺寸（不同手机尺寸，不依赖框架）
摘要：因为近期要做一个投放机器上的落地页，最好适应ipad,及不同手机尺寸，又因为对框架不太熟悉，只能各种百度和找方法，做一个不依赖任何框架，但是适应不同手机尺寸，最高适应至1080px的h5单页面 首先自适应页面就得尽量不使用px单位(绝对单位)，而使用rem(相对单位)，简单介绍rem它是相对于根元素 阅读全文
posted @ 2019-03-26 16:11 海绵宝宝y 阅读(4510) 评论(0) 推荐(0)