JS获取数组最大值、最小值及长度的方法

2017年02月06日 11 阅读

本文实例讲述了JS获取数组最大值、最小值及长度的方法。分享给大家供大家参考，具体如下：//最小值Array.prototype.min = function（） {var min = this[0];var len = this.length;for （var i = 1; i < len; i++）{if （this[i] < min）{min = this[i];}}return min;}//最大值Array.prototype.max ...

JS数组排序技巧汇总（冒泡、sort、快速、希尔等排序）

2017年02月06日 12 阅读

本文实例总结了JS数组排序技巧。分享给大家供大家参考，具体如下：① 冒泡排序bubbleSort:function（array）{var i = 0, len = array.length, j, d; for（; i<len; i++）{ for（j=0; j<len; j++）{ if（array[i] < array[j]）{ d = array[j]; array[j] = array[i]; array[i] = d; } } ...

jQuery实现带分组数据的Table表头排序实例分析

2017年02月06日 11 阅读

本文实例讲述了jQuery实现带分组数据的Table表头排序。分享给大家供大家参考，具体如下：如下图：要求：点击表头排序时，"分组"及"分组明细"的数据层次关系不变从网上找了一段常规的table排序，改了改，以满足“分组支持”，贴在这里备份<！DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-trans...

JavaScript转换与解析JSON方法实例详解

2017年02月06日 11 阅读

本文实例讲述了JavaScript转换与解析JSON方法。分享给大家供大家参考，具体如下：json格式数据如下：var json = { "jquery": [{ "id": "1", "type": "ASP.NET", "title": "JSON全解析"}] }alert（json.jquery[0].id）;alert（json.jquery[0].type）;alert（json.jquery[0].title）;javascript解析json...

jQuery 1.9.1源码分析系列（十）事件系统之主动触发事件和模拟冒泡处理

2017年02月06日 11 阅读

发现一个小点，先前没有注意的 stopPropagation: function（） {var e = this.originalEvent;...if （ e.stopPropagation ） {e.stopPropagation（）;} jQuery重载stopPropagation函数调用的本地事件对象的stopPropagation函数阻止冒泡。也就是说，阻止冒泡的是当前节点，而不是事件源。 说到触发事件，我们第一反应是使用$（...）.cl...

javascript实现加载xml文件的方法

2017年02月06日 12 阅读

本文实例讲述了javascript加载xml文件的方法。分享给大家供大家参考，具体如下：//需要读取的xml文件var uRl = "jsReadXml.xml";var xmlDoc;//初始化，给上述定义变量赋值// function showcurcity（）{if（window.ActiveXObject）{xmlDoc=new ActiveXObject（"Microsoft.XMLDOM"）;xmlDoc.async="false"xmlDoc...

谈谈encodeURI和encodeURIComponent以及escape的区别与应用

2017年02月06日 11 阅读

首先，我们都知道这三个东西都是用来编码的先来说encodeURI（）和encodeURIComponent（），这两个是在转换url时候用来编码解码用的。有编码就会有解码，解码就是decodeURI（）和decodeURIComponent（），他们的用法很简单，在参数中带入要转码的文字就可实现目的如： encodeURI（"我是要编码的文字"） decodeURI（"我是要解码的文字"） encodeURIComponent（"我是要编码的文字"）...

Jquery ajax加载等待执行结束再继续执行下面代码操作

2017年02月06日 11 阅读

Jquery等待ajax执行完毕再继续执行下面代码的效果，具体代码如下，其实就是将 jquery ajax 函数的 async 参数设置为 false 即可，该参数默认为 true：$（document）.ready（function（）{ loadphpernote（）; window.open（"http://www.phpernote.com"）; }）; function loadphpernote（）{ var url="http://www.p...

jQuery插件实现无缝滚动特效

2017年02月06日 12 阅读

首先来看下html骨架，如下：<div class="box"><ul><li>111</li><li>222</li><li>333</li></ul></div>结构简单明了，没什么说的。讲下实现原理： div box是最外层盒子，给它指定的宽高，记得给box添加一个 overflow:hidden （超出的内容隐藏）样式，因为滚动...

基于jquery实现简单的手风琴特效

2017年02月06日 11 阅读

手风琴效果是项目中使用频率较高的一种效果，本文实例J就为大家讲述了jquery实现简单的手风琴特效代码。分享给大家供大家参考。具体如下：运行效果截图如下：具体代码如下：css样式/* CSS Document */body {margin: 0 auto;padding: 0 auto;font-size: 9pt;font-family: 微软雅黑, 宋体, Arial, Helvetica, Verdana, sans-serif;}.accordio...

基于jQuery和CSS3制作数字时钟附源码下载（jquery篇）

2017年02月06日 11 阅读

废话不多说了，先给大家展示下效果图，感兴趣的朋友继续往下看 哦查看演示 源码下载HTML和上一篇文章：使用jQuery和CSS3制作数字时钟（CSS3篇）一样的HTML结构，只是多了个>date用来展示日期和星期的。<div id="clock" class="light"><div class="display"> <div class="date"></div> <div class="dig...

基于Jquery和CSS3制作数字时钟附源码下载（CSS3篇）

2017年02月06日 11 阅读

先给大家展示效果图，感兴趣的朋友可以下载源码哦。效果演示 源码下载数字时钟可以应用在一些WEB倒计时效果、WEB闹钟效果以及基于HTML5的WEB APP中，本文将给大家介绍不借助任何图片，如何使用CSS3和HTML来制作一个非常漂亮的数字时钟效果。HTML我们先在页面中准备一个时钟区域#clock，并且要展示的数字放在.digits中。<div id="clock" class="light"><div class="display"&...

jquery中checkbox使用方法简单实例演示

2017年02月06日 11 阅读

和大家分享一段基于jQuery实现checkbox列表全选、反选和不选功能的代码，适用于网页多选后需要进行批量操作的场景（如批量删除等）。文章结合实例，代码简洁，基本覆盖选项选择操作的方方面面，希望可以帮到有需要的前端开发爱好者。引入jquery库<script src="ajax/libs/jquery/1.10.2/jquery.min.js"></script>构建HTML一般从数据库读出来的列表都需要批量选中以便删除与编辑等...

jquery利用拖拽方式在图片上添加热链接

2017年02月06日 11 阅读

本文实例讲述了jquery利用拖拽方式在图片上添加热链接的实现过程，分享给大家供大家参考。具体如下：运行效果截图如下：项目的需求，要在一张图片上加不同的链接，比如说，图片是一个套房，里面有沙发，茶几，酒柜，电视柜等，然后在这些物件上加一个超链接，点击后打开相关产品的介绍。用jquery写了一个在图片添加锚点的功能，实现的原理：一个文本框写入标题，一个文本框写链接，一个添加按钮，一个编辑按钮，当写好内容后点击添中添加，便会在图片的上方出现一个P标签，然后按着...

jQuery实现宽屏图片轮播实例教程

2017年02月06日 11 阅读

本文实例讲述了jQuery实现宽屏图片轮播实例教程。分享给大家供大家参考。具体如下：运行效果截图如下：引入jquery库<script src="js/jquery-1.9.1.min.js" type="text/javascript"></script>构建html整个代码分为三部分：1、加载部分loadding ；2、图片部分，这里图片只能是4张，有心的朋友再改良下吧；3、TAB按钮部分，当然这里也只能是4个按钮，也需要改进。...

Bootstrap每天必学之栅格系统（布局）

2017年02月06日 14 阅读

1、栅格系统（布局）Bootstrap内置了一套响应式、移动设备优先的流式栅格系统，随着屏幕设备或视口（viewport）尺寸的增加，系统会自动分为最多12列。我在这里是把Bootstrap中的栅格系统叫做布局。它就是通过一系列的行（row）与列（column）的组合创建页面布局，然后你的内容就可以放入到你创建好的布局当中。下面就简单介绍一下Bootstrap栅格系统的工作原理：网格系统的实现原理非常简单，仅仅是通过定义容器大小，平分12份（也有平分成24...

Jquery-1.9.1源码分析系列（十一）之DOM操作

2017年02月06日 11 阅读

DOM操作包括append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。其核心处理函数是domManip。 DOM操作函数中后五种方法使用的依然是前面五种方法，源码jQuery.each（{appendTo: "append",prependTo: "prepend",insertBefore: "before",inser...

使用Javascript写的2048小游戏

2017年02月06日 12 阅读

最近心血来潮，项目结束了，使用javascript写个小游戏，练练收吧，写的不好还请各位大侠给出批评建议。HTML代码如下<！DOCTYPE html><html> <head> <title></title> <meta charset="utf-8" /> <link rel="stylesheet" href="2048.css"/> <script src="...

Bootstrap每天必学之下拉菜单

2017年02月06日 11 阅读

一、下拉菜单（基本用法）小伙伴们注意，在Bootstrap框架中的下拉菜单组件是一个独立的组件，根据不同的版本，它对应的文件：☑ LESS版本：对应的源码文件为 dropdowns.less☑ Sass版本：对应的源码文件为 _dropdowns.sass☑ 编译后的Bootstrap版本：查看bootstrap.css文件第3004行～第3130行在使用Bootstrap框架的下拉菜单时，必须调用Bootstrap框架...

谈谈js中的prototype及prototype属性解释和常用方法

2017年02月06日 11 阅读

prototype是javascript中笔记难理解的一部分内容，下面通过几个关键知识点给大家讲解js中的prototype。具体内容请看下文详情。1 原型法设计模式在.Net中可以使用clone（）来实现原型法原型法的主要思想是，现在有1个类A,我想要创建一个类B,这个类是以A为原型的,并且能进行扩展。我们称B的原型为A。2 javascript的方法可以分为三类：a 类方法b 对象方法c 原型方法例子：function People（name）{ th...