jquery 实现DOM节点增删+循环获取表单值 示例

交互: 1.点击“添加故障”:可添加多个故障,默认首次进入展示一条故障录入框,添加上限不限;点击“删除故障”,可删除最近一条故障,删除至仅有一个故障后,“删除故障”按钮消失; 2.点击“添加方案”:可添加多个方案,默认展示一个方案,添加上限不限;点击“删除”,可删除该方案,删除至仅有一个方案后...

2018-11-21 17:52:16

阅读数 33

评论数 0

微信公众号页面禁止长按弹出系统菜单,兼容ios和安卓

cssSelect{ -webkit-touch-callout:none;/*系统默认菜单被禁用*/ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; ...

2018-09-18 14:34:21

阅读数 1142

评论数 0

实现移动端复制粘贴指定内容,兼容ios和安卓

最近做一个微信公众号的需求,有个复制功能,需要复制券码。如下图所示: 我使用了clipboard.js插件,发现能兼容ios和安卓。我的使用方法如下: <div class="coupon-code-box" id=&q...

2018-09-17 16:53:17

阅读数 689

评论数 0

微信二次分享解决方案

这几天做一个微信公众号的需求,有个分享功能。发现分享从公众号分享到微信是正常的,可以看到缩略图、名称、描述,但是直接转发该分享或者点开该分享再次通过微信分享时,就只出现了链接地址,也没有缩略图。测试的图片如下: 图1 第一次分享-正确 图2 第二次分享-不正确 原因:...

2018-09-17 15:03:58

阅读数 5798

评论数 7

DOM 扩展

对DOM 的两个主要的扩展是Selectors API(选择符API)和HTML5。以下内容注意兼容性。 一、选择符API 1、querySelector()方法接收一个参数,即CSS 选择符,返回与该模式匹配的第一个元素,如果没有找到匹配的元素,返回null。 2、querySelecto...

2018-08-30 16:01:40

阅读数 42

评论数 0

DOM1

DOM(文档对象模型)是针对HTML 和XML 文档的一个API(应用程序编程接口),DOM 定义了访问 HTML 和 XML 文档的标准。DOM描绘了一个层次化的节点树,允许开发人员添加、移除和修改页面的某一部分。此处主要讨论与浏览器中的HTML 页面相关的DOM1 级的特性和应用,以及Java...

2018-08-28 18:02:27

阅读数 58

评论数 0

js数组迭代方法

ES5为数组定义了5个迭代方法。每种方法都接收两个参数。要在每一项上运行的函数和(可选的)运行该函数的作用域对象–影响this的值。//其中(可选的)这个参数暂时未遇到过。 其中,函数都接收三个参数(数组中的每一项、每一项的索引值、数组对象本身)。 下面是5中方法的介绍: every() ...

2018-07-02 14:56:21

阅读数 59

评论数 0

解决webstorm卡顿

每次打开webstorm都卡死了,总是记不住怎么处理,在此记录一下我常用的方法,方便查找。 原因:webstorm在加载项目的时候,会扫描所有的文件,并建立索引。 解决办法:在对应文件上 右键 -> mark directory as -> excl...

2018-06-29 16:03:12

阅读数 552

评论数 0

web移动端开发技巧与注意事项汇总

一、meta的使用 1、<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-sc...

2018-06-22 17:20:33

阅读数 2312

评论数 0

BOM——history 对象

history 对象保存着用户上网的历史记录,从窗口被打开的那一刻算起。因为history 是window对象的属性,因此每个浏览器窗口、每个标签页乃至每个框架,都有自己的history 对象与特定的window对象关联。出于安全方面的考虑,开发人员无法得知用户浏览过的URL。不过,借由用户访问过...

2018-06-15 09:54:12

阅读数 91

评论数 0

BOM——location 对象

location 是最有用的BOM对象之一,它提供了与当前窗口中加载的文档有关的信息,还提供了一些导航功能。事实上,location 对象是很特别的一个对象,因为它既是window 对象的属性,也是document 对象的属性;换句话说,window.location和document.locat...

2018-06-14 16:03:46

阅读数 74

评论数 0

BOM——window 对象

BOM 的核心对象是window,它表示浏览器的一个实例。在浏览器中,window 对象既是通过JavaScript 访问浏览器窗口的一个接口,又是ECMAScript 规定的全局对象。因此所有在全局作用域中声明的变量、函数都会变成window 对象的属性和方法。 全局变量不能通过delete ...

2018-06-14 13:35:08

阅读数 51

评论数 0

闭包

闭包是指有权访问另一个函数作用域中的变量的函数。创建闭包的常见方式,就是在一个函数内部创建另一个函数,以createComparisonFunction()函数为例。 function createComparisonFunction(propertyName) { return fun...

2018-06-13 15:07:04

阅读数 30

评论数 0

递归函数

递归函数是在一个函数通过名字调用自身的情况下构成的,如下所示。 function factorial(num){ if (num <= 1){ return 1; } else { return num * f...

2018-06-11 10:54:51

阅读数 60

评论数 0

鼠标悬停图片位置呼出浮层,点击浮层按钮可上传图片替换原图

举个栗子,鼠标悬停头像位置呼出浮层,点击浮层按钮可修改头像。 不说废话,直接看效果图:         图1 正常情况下                图2 鼠标悬停于头像位置时 html代码: <div class="user-avatar&...

2018-06-01 17:19:21

阅读数 258

评论数 0

前端HTML5几种存储方式的总结

转自 http://www.cnblogs.com/LuckyWinty/p/5699117.html总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,...

2018-05-25 09:58:25

阅读数 94

评论数 0

自定义单选框样式

大多数情况下我们需要重新定义单选框的样式,比如下图:html代码如下:<div class="user-info-detail">     <p>         &...

2018-05-07 14:18:54

阅读数 251

评论数 0

动态填充两个相关联的下拉框(如二级地址)

动态填充两个相关联的下拉框。例如:先获取所有的省,然后根据用户选中的省再获取该省的所有市。效果如下图:                                                                 图1                         ...

2018-05-07 11:38:06

阅读数 64

评论数 0

实时计算用户输入的字符数

某输入框限定最多输入15(或其他数字)个字符并实时计算用户输入的字符数,显示出可输入字符数。右下角数字表示允许长度,数字可到负,到负标红。效果如下图: html代码如下: <div class="user-info-detail&q...

2018-05-03 18:24:52

阅读数 102

评论数 0

js 引用类型 -- Function类型

函数实际上是对象。每个函数都是Function 类型的实例,而且都与其他引用类型一样具有属性和方法。由于函数是对象,因此函数名实际上也是一个指向函数对象的指针,不会与某个函数绑定。函数通常是使用函数声明语法定义的,如下面的例子所示。function sum (num1, num2) {     r...

2018-04-18 18:06:19

阅读数 65

评论数 0

提示
确定要删除当前文章?
取消 删除