js实现创建删除html元素小结

2017年02月06日 12 阅读

如果我要创建一个div元素。1.使用DOM对象创建：使用document.createElement（"div"）方法创建元素。2.使用JQuery创建：使用$（"<div>通过JQuery创建的新元素</div>"）的方法直接创建元素。如果需要将id是‘div2js"的div元素删除。1.使用DOM对象首先需要找到被删元素的父元素，通过父元素将其需要删除的子元素删除。var el = document.getElementById...

jQuery复制表单元素附源码分享效果演示

2017年02月06日 11 阅读

我们在提交表单时，有时会遇到需要重复添加多个相同表单元素，如订单信息中需要添加多个不同型号的产品、表单数据中新增字段信息等。这个时候我们可以在表单中直接放置一个“新增一项”或“复制”按钮，通过点击按钮即可实现复制表单元素。查看演示 下载源码HTML本文我们通过实例介绍一款简单的基于jQuery的元素复制插件，通过调用该插件轻松实现元素复制功能。首先载入jQuery库文件和元素复制插件duplicateElement.min.js。<script sr...

浅谈Javascript中substr和substring的区别

2017年02月06日 11 阅读

由于在项目中有需要对字符串进行截取，然后手残使用了IDE自动提示的substr，没想那么多以为substr和substring没多大区别。然而并不是，且听我一一道来。1. substr（index, length） 从起始索引号提取字符串中指定数目的字符。 substr方法可以传入两个参数 index和length。index是起始位，length是截取的长度。 当index是个非负整数时: a. 如果不传入参数，则得到的还是字符串本身。 如: "abcd...

jquery插件pagination实现无刷新ajax分页

2017年02月06日 11 阅读

1、前台使用ajax无刷新分页，主要需要生成分页的工具条，这里使用的是jquery.pagination.js插件参数可以参考----张龙豪-jquery.pagination.js分页下面贴出代码/*** This jQuery plugin displays pagination links inside the selected elements.** @author Gabriel Birke （birke *at* d-scribe *dot* ...

基于jQuery Bar Indicator 插件实现进度条展示效果

2017年02月06日 11 阅读

Bar Indicator是一款基于jQuery的进度条数据展示插件，它可应用于数据统计展示、投票统计以及任务进度等诸多场景中。它使用简单、选项丰富，几乎可以满足用户所有基于进度条的WEB设计需求，本文将结合实例给大家讲解Bar Indicator的使用。查看演示 下载源码HTML首先加载jQuery和Bar Indicator相关js文件以及css文件。<link href="bi-style.css" rel="stylesheet" />...

RequireJS入门一之实现第一个例子

2017年02月06日 12 阅读

为什么学习RequireJS？像我这种菜鸟，会提到海量文章里提到的AMD、JS模块化编程、异步... ... 等等RequireJS会让你以不同于往常的方式去写JavaScript。你将不再使用script标签在HTML中引入JS文件，以及不用通过script标签顺序去管理依赖关系。RequireJS是一个Javascript 文件和模块框架，它可以帮我们去管理js代码（我的理解）。深入学习，我们便会被迫接受一系列的名词：data-main、require...

详解JavaScript对Date对象的操作问题（生成一个倒数7天的数组）

2017年02月06日 14 阅读

问题描述：使用JavaScript生成一个倒数7天的数组。比如今天是10月1号，生成的数组是["9月25号","9月26号","9月27号","9月28号","9月29号","9月30号","10月1号"]。这个难点就是需要判断这个月份（可能还需要上一个月份）是30天还是31天，而且还有瑞年的2月28天或者29天。解答思路：不需要那么复杂，在js中非常简单，因为js的date对象是可以参与数学运算的！！！看下面的代码：var now = new Date（...

JS日期格式化之javascript Date format

2017年02月06日 13 阅读

在上篇文章给大家介绍了js对Date对象的操作的问题（生成一个倒数7天的数组），本篇介绍有关js日期格式化之javascript Date format，本文通过三种方法给大家讲解，具体内容请看下文。方法一：// 对Date的扩展，将 Date 转化为指定格式的String// 月（M）、日（d）、小时（h）、分（m）、秒（s）、季度（q） 可以用 1-2 个占位符， // 年（y）可以用 1-4 个占位符，毫秒（S）只能用 1 个占位符（是 1-3 位的...

JS处理json日期格式化问题

2017年02月06日 11 阅读

起因对于从C#返回的日期字段，当进行JSON序列化后，在前台JS里显示的并不是真正的日期，这让我们感觉很不爽，我们不可能为了这东西，把所有日期字段都变成string吧，所以，找了一个JS的扩展方法，来实现这个功能实现function ChangeDateFormat（jsondate） {jsondate = jsondate.replace（"/Date（", ""）.replace（"）/", ""）;if （jsondate.indexOf（"+"）...

基于OL2实现百度地图ABCD marker的效果

2017年02月06日 12 阅读

本文概述：上文中提到了在Arcgis for JS中实现百度地图ABCD的marker效果，在本文，讲述如何在OpenLayers2中实现类似的效果。效果图展示如下：为直观期间，先将效果贴出来。联动展示思路：1、列表与地图的互动鼠标经过列表时，修改列表图标，并根据列表返回的值在地图上绘蓝色的marker；鼠标移出，修改列表图标为红色，清空地图marker图层。关键代码：title.on（"mouseover",function（）{ var i = $（t...

通过js获取上传的图片信息（临时保存路径，名称，大小）然后通过ajax传递给后端的方法

2017年02月06日 12 阅读

项目需求：如何通过js获取上传的图片信息（临时保存路径，名称，大小）然后通过ajax传递给后端题主用jquery接收<input name="c_pic" id="c_pic" type="file" class="file">用的方法是：var input = document.getElementById（"c_pic"）;input.addEventListener（"change",readFile,false）;function re...

谈谈JSON对象和字符串之间的相互转换JSON.stringify（obj）和JSON.parse（string）

2017年02月06日 11 阅读

在Firefox，chrome，opera，safari，ie9，ie8等高级浏览器直接可以用JSON对象的stringify（）和parse（）方法。JSON.stringify（obj）将JSON转为字符串。JSON.parse（string）将字符串转为JSON格式；var a={"name":"tom","sex":"男","age":"24"};var aToStr = JSON.stringify（a）;alert（aToStr）; //结果：...

jQuery+PHP星级评分实现方法

2017年02月06日 13 阅读

本例实现的效果：过渡动画显示评分操作。及时更新平均得分和用户所评的分数。后台限制用户重复评分操作，并在前端及时显示。XHTML<div class="rate"> <div class="big_rate"> <span rate="2"> </span> <span rate="4"> </span> <span rate="6"> </span> <s...

jQuery网页右侧广告跟随滚动代码分享

2017年02月06日 11 阅读

两种方法都分享给大家，希望对大家的学习有所启发。方法一：<script type="text/javascript">// <！[CDATA[ $.fn.smartFloat = function（） { var position = function（element） { var top = element.position（）.top, pos = element.css（"position"）; $（window）.scroll（f...

Clipboard.js 无需Flash的JavaScript复制粘贴库

2017年02月06日 12 阅读

clipboard.js 实现了纯 JavaScript （无 Flash）的浏览器内容复制到系统剪贴板的功能。可以在浏览器和 Node 环境中使用。支持 Chrome 42+、Firefox 41+、IE 9+、Opera 29+官方网站：https://github.com/zenorocha/clipboard.js软件下载：http://www.jb51.net/jiaoben/385604.html官方使用方法：https://zenorocha...

使用 JavaScript 进行函数式编程 （一） 翻译

2017年02月06日 11 阅读

编程范式编程范式是一个由思考问题以及实现问题愿景的工具组成的框架。很多现代语言都是聚范式（或者说多重范式）： 他们支持很多不同的编程范式，比如面向对象，元程序设计，泛函，面向过程，等等。函数式编程范式函数式编程就像一辆氢燃料驱动的汽车——先进的未来派，但是还没有被广泛推广。与命令式编程相反，他由一系列语句组成，这些语句用于更新执行时的全局状态。函数式编程将计算转化作表达式求值。这些表达式全由纯数学函数组成，这些数学函数都是一流的（可以被当做一般值来运用和处...

jquery 实现输入邮箱时自动补全下拉提示功能

2017年02月06日 11 阅读

记得去年做某个项目的时候，用到了邮箱输入自动提示功能，于是网上搜了一下，发现了这个写得不错，现在回想起来，转载一下，方便查阅。邮箱的广泛使用得益于它的免费，因此很多网站在注册的时候都会直接使用邮箱作为账号名为了提高用户的体验，很多网站都会实现邮箱输入的自动提示功能。实现效果如图所示：核心代码（需要jquery的支持）：（function（$）{$.fn.mailAutoComplete = function（options）{var defaults = ...

jQuery插件Timelinr 实现时间轴特效

2017年02月06日 11 阅读

前言这是一款可用于展示历史和计划的时间轴插件，尤其比较适合一些网站展示发展历程、大事件等场景。该插件基于jQuery，可以滑动切换、水平和垂直滚动、支持键盘方向键。经过扩展后可以支持鼠标滚轮事件。HTML我们在body中建立一个div#timeline作为展示区，#dates为时间轴，示例中我们用年份作为主轴，#issues作为内容展示区，即展示对应主轴点年份的内容，注意id对应上。<div id="timeline"> <ul id="...

javascript日期格式化方法汇总

2017年02月06日 11 阅读

方法一：// 对Date的扩展，将 Date 转化为指定格式的String// 月（M）、日（d）、小时（h）、分（m）、秒（s）、季度（q） 可以用 1-2 个占位符， // 年（y）可以用 1-4 个占位符，毫秒（S）只能用 1 个占位符（是 1-3 位的数字） // 例子： // （new Date（））.Format（"yyyy-MM-dd hh:mm:ss.S"） ==> 2006-07-02 08:09:04.423 // （new Da...

推荐10 个很棒的 jQuery 特效代码

2017年02月06日 12 阅读

1.图片预加载（function（$） { var cache = []; // Arguments are image paths relative to the current page. $.preLoadImages = function（） {var args_len = arguments.length;for （var i = args_len; i--;） { var cacheImage = document.createElement（...