jquery里的正则表达式说明

2017年02月06日 23 阅读

// A simple way to check for HTML strings or ID strings // （both of which we optimize for） quickExpr = /^（？:[^<]*（<[wW]+>）[^>]*$|#（[w-]+）$）/ 根据jquery的注释，其是匹配HTML字符串和ID选择器 一开始看这段正则表达式的时候，怎么匹配非<的0个或者多个，又匹配<，这样到底是匹配...

jquery动态加载图片数据练习代码

2017年02月06日 22 阅读

这几天研究jquery，感受到了该库的强大，而且找到本不错的书 <<锋利的jquery>> 这里我只是随便做了下，上面是照片列表和两个按钮，单击小图片下面显示大图片，当点击按钮时可以查看下一页，上一页的图片。 思路： 1、首先建一个照片查看页面viewer.htm，简单布局，上面是小图片和两个按钮，下面是大图片。 2、建一个一般处理程序viewServer.ashx，用来处理照片查看页面的请求。 3、然后当然要用到数据库...

利用javascript的面向对象的特性实现限制试用期

2017年02月06日 23 阅读

下边是我自己写的一个类，类中有字段、方法 复制代码 代码如下: //构造函数 function Person（name,sex,age） { this.name = name; this.sex = sex; this.age = age; }; Person.prototype.getName = function （） { return this.name; }; Person.prototype.getSex=function（）{ return t...

JavaScript事件处理程序（事件侦听器）

2017年02月06日 23 阅读

我们知道，javascript与HTML之间的交互是通过事件来实现的，事件就是用户或浏览器自身执行的某种动作，比如click、mounseover、load……,而响应事件的函数就叫做事件处理函数（或事件侦听器）。 event util test var eventUtil = { addListener: function（element, type, hander） { if （element.addEventListener） { eleme...

一个鼠标移动滑出层效果的实现代码

2017年02月06日 25 阅读

滑动弹出层 function shouhui（） { document.getElementById（"div1"）.style.display="block"; } function fangzou（） { document.getElementById（"div1"）.style.display="none"; } #div1{ background:#CCC; width:500px; height:400px; display:no...

js文字链接的热点提示效果代码

2017年02月06日 22 阅读

小提示窗口 body{ font-size:12px; } .tip{ color:red; text-decoration:none; position:relative; } .tip span {display:none;} .tip:hover {cursor:hand;} .tip:hover .popbox { display:block; position:absolute; top:15px; left:-30px; width:...

一个实现字体大中小方法的JavaScript代码

2017年02月06日 21 阅读

实现字体大中小的另一种方法 function $（xixi） { return document.getElementById（xixi）; } //转换字号 function doZoom（size）{ if（size==12）{ $（"contentText"）.style.fontSize = size + "px"; $（"fs12"）.style.display = ""; $（"fs14"）.style.display = "non...

原生JS仿苹果任务栏菜单，放大效果的菜单

2017年02月06日 21 阅读

相信本菜单会让你学习到一些新鲜的JS技巧。 JS仿苹果任务栏菜单 body{margin:0;padding:0} #menu{position:absolute;width:100%;bottom:0;text-align:center;} window.onload = function （） { var oMenu = document.getElementById（"menu"）; var aImg = oMenu.getElemen...

基于jQuery的弹出隐藏层的窗口特效

2017年02月06日 19 阅读

运行效果后，点击菜单，会弹出一个注册表单，类似于很多论坛的用户注册及登录功能那样，目前还是挺流行的。 弹出层 $（document）.ready（function（）{ $（"#button_2"）.click（function（）{ $（"#message"）.hide（）; }）; $（"#message_show"）.click（function（）{ $（"#message"）.show（）; }）; $（"#message_show2...

基于jquery的浮动层效果代码

2017年02月06日 22 阅读

本浮动层基于jQuery1.6.2,对于研究1.6版本的jquery很有帮助意义。 jquery浮动层 #Float {background-color: #000;height: 200px;width: 100px;position: absolute;top: 80px;right: 20px;} $（document）.ready（function（）{ $（window）.scroll（function （）{ var off...

jQuery的12招常用技巧分享

2017年02月06日 23 阅读

1、关于页面元素的引用 通过jQuery的$（）引用元素包括通过id、class、元素名以及元素的层级关系及dom或者xpath条件等方法，且返回的对象为jQuery对象（集合对象），不能直接调用dom定义的方法。 2、jQuery对象与dom对象的转换 只有jQuery对象才能使用jQuery定义的方法。注意dom对象和jQuery对象是有区别的，调用方法时要注意操作的是dom对象还是jQuery对象。普通的dom对象一般可以通过$（）转换成jQuery...

JS基础之undefined与null的区别分析

2017年02月06日 21 阅读

于是，细想之后，写下本文，请各位大侠拍砖。 总所周知： null == undefined 但是： null ！== undefined 那么这两者到底有啥区别呢？ null 这是一个对象，但是为空。因为是对象，所以 typeof null 返回 "object" 。 null 是 JavaScript 保留关键字。 null 参与数值运算时其值会自动转换为 0 ，因此，下列表达式计算后会得到正确的数值： 表达式：123 + null结果值：123 表达式...

基于jQuery的前端数据通用验证库

2017年02月06日 20 阅读

于是在之前的开发之中慢慢开始总结，也写了一些零散的方法想要比较简单的，写更少的代码来完成更多的验证。之前采用的思路是传递参数，将要验证的控件的ID传进去，若是要验证数据格式再传入相应的正则表达式进去。项目结束之后，再对整个项目做总结的时候发现，这种写法也并没有节省多少代码量，而且很多地方因为同学反应说我写的那个库并不是很好用，虽然有说明，但他们也还是不能很好的理解，不能很快就上手,而且应该还是有不少BUG，所以很多地方他们还是宁愿用那种对每个控件去一一验证...

关于hashchangebroker和statehashable的补充文档

2017年02月06日 20 阅读

url hash：url中#号后面那段，通常用来定位到html页面中某一锚点。因为hash变化页面不会刷新，所以在ajax应用中用hash来存储脚本运行状态，例如gmail的做法。jquery hash change event plugin： Internet Explorer 8, Firefox 3.6+, 和Chrome 5+里，已经提供了window.onhashchange事件，但是在老版本的浏览器中并没有这个事件，这个插件通过定时器判断has...

基于jQuery实现的水平和垂直居中的div窗口

2017年02月06日 21 阅读

1、通过css实现水平居中： 复制代码 代码如下: .className{ margin:0 auto; width:200px; height:200px; } 2、通过css实现水平居中和垂直居中 通过css创建一个水平居中和垂直居中的div是一件比较麻烦的事情，您必须事先知道另外一个div的尺寸： 复制代码 代码如下: .className{ width:300px; height:200px; position:absolute; left:50...

jquery学习笔记 用jquery实现无刷新登录

2017年02月06日 24 阅读

好了，唠嗑就到这里，现在看如何用jquery实现无刷新登录。 首先先创建html的部分 复制代码 代码如下: <table> <tr> <td> 用户名： </td> <td> <input type="text" id="username" /> </td> </tr> <tr> <td> 密码： </td> <td&...

Jquery ajax传递复杂参数给WebService的实现代码

2017年02月06日 23 阅读

Entity: 复制代码 代码如下: using System; using System.Collections.Generic; using System.Linq; using System.Text; using System.Runtime.Serialization; namespace Entity { [DataContract] public class User { [DataMember] public string Name { g...

js字符串的各种格式的转换 ToString，Format

2017年02月06日 23 阅读

如果我们都计算出对的格式，然后再显示的话，显然浪费代码和效率，今天看见了许多ToString可以解决的格式，总结给大家，希望可以方便大家。 1.转换钱的格式，仅限int型，float型，double型 double d = 400; d.ToString（"C"）; //￥400.00 2.10进制数，仅限int型的数字 int i=400; i.ToString（"D5"）; // 00400 3.科学型数字，仅限int型，float型，double型 ...

js 分页全选或反选标识实现代码

2017年02月06日 22 阅读

注：对多选按钮操作。 1：批量全选添加、批量移除。 2：行单选添加、移除。 3：分页之后（全选或不选）状态标识依然存在 复制代码 代码如下: /* *****>****>tr单选事件 ------------------------------------------------------------------------------------*/ $（"#ajaxshowmdqhList tbody tr"）.live（"click",...

使用jQuery+HttpHandler+xml模拟一个三级联动的例子

2017年02月06日 20 阅读

如下是实现过程： 第一步：准备xml文件，并放置在网站根目录下，名为Area.xml 复制代码 代码如下: <？xml version="1.0" encoding="utf-8" ？> <area> <province id="1" name="北京"> <city id="1" name="北京"> <county id="1" name="东城区" /> <county id="2" ...