通过pjax实现无刷新翻页（兼容新版jquery）

2016年07月27日 9 阅读

pushState是一个可以操作history的api，该api的介绍和使用请见这里：http://www.welefen.com/use-ajax-and-pushstate.html目前已经有http://github.com/, http://plus.google.com, http://www.welefen.com 等网站已经使用。pjax是对ajax + pushState的封装，让你可以很方便的使用pushState技术。同时支持了缓存和本...

jquery为页面增加快捷键示例

2016年07月27日 9 阅读

复制代码 代码如下:$（document）.keydown（function（e）{if（e.which == 37） {alert（"左"）;}if（e.which == 39） {alert（"右"）;}}）;此外还有一个keypress事件和keydown事件类似，但不能混用。keydown与keypress的区别是：1 只有字符按键才能触发keypress事件，任何按键都能触发keydown事件，比如：F1-F12、方向键、等只能用keydown。...

基于JQuery实现的图片自动进行缩放和裁剪处理

2016年07月27日 9 阅读

其实很早就想写一个这样的效果，至于原因？进来这个笔记，我相信你懂的。一般门户网站，缺少不了大量的图片展示，而为了网站美观，图片又有各种不同尺寸，专业的网站编辑人员，会把图片处理成等比例的图片再上传，把网站弄得很好看，可惜，我想说，我遇到90%的网站编辑人员都是不专业的。为了不让网站编辑人员毁掉我的心血，我决定做这样一个事情。1、首先，在CSS里对图片定义好大小，如果JS不执行，就能看到拉伸的图片，也就是最正常的表现；2、对每个定义图片大小的CSS多定义一个...

基于jquery的simpleValidate简易验证插件

2016年07月27日 9 阅读

如果你不需要做onfocus和onblur的即时验证，如果你不想对每个表格都通过JS定义验证规则，如果你只需要在提交的时候进行一次验证和反馈，如果你喜欢简约的代码结构，我觉得simpleValidate是不错的选择。从关注度和下载量来看，这插件并不怎么受欢迎，不过不要紧，它是我的菜。下载地址在最下边，开源的，DEMO很详细，相当容易上手。原版不支持IE，原因是JSON的逗号和length是保留字的问题，修复方法就是把所有“}”前不必要的逗号删掉，变量len...

在百度知道团队中快速审批新成员的js脚本

2016年07月27日 9 阅读

本人热衷于解答网友的技术类问题，于是在百度知道栏目创办了“挨踢五四三”团队。 自团队创办以来，每天都有大量网友申请加入我的团队，于是审核团队新成员成了一个费力气的活儿。 在此情况下，我写了个脚本，自动计算他们的回答采纳率，采纳率低于20%的自动打勾 选中，等级太低的人也自动打勾选中。 然后只要点击一下“拒绝”按钮就可以了。 使用方法： 进入“审批新成员”的页面，再按住键盘上的shift键 并点击“审批新成员”选项卡，这样可以使新成员列表在新窗口中打开。 打...

简单的JavaScript互斥锁分享

2016年07月27日 9 阅读

去年有几个项目需要使用JavaScript互斥锁，所以写了几个类似的，这是其中一个：复制代码 代码如下://Published by Indream Luo//Contact: indreamluo@qq.com//Version: Chinese 1.0.0！function （$） { window.indream = window.indream || {}; $.indream = indream; indream.async = { // //锁...

为jQuery添加Webkit的触摸的方法分享

2016年07月27日 9 阅读

这段代码是我在做13年一份兼职的时候无聊加上去的，为jQuery添加触摸事件的支持。因为做得有点无聊，所以就帮客户添加了用响应式网页+JS touch兼容了移动设备，主要是Webkit的移动设备。这里就分享下我的实现。先贴上代码：复制代码 代码如下://Published by Indream Luo//Contact: indreamluo@qq.com//Version: Chinese 1.0.0！function （$） { window.indr...

解决json日期格式问题的3种方法

2016年07月27日 9 阅读

开发中有时候需要从服务器端返回json格式的数据，在后台代码中如果有DateTime类型的数据使用系统自带的工具类序列化后将得到一个很长的数字表示日期数据，如下所示：复制代码 代码如下://设置服务器响应的结果为纯文本格式 context.Response.ContentType = "text/plain"; //学生对象集合 List<Student> students = new List<Student> { new Stu...

jquery ajax跨域解决方法（json方式）

2016年07月27日 10 阅读

最近公司开发的项目中很多地方需要跨域ajax请求，比如几个子域名下 http://a.****.com/index123.aspx, http://b.****.com/index2.aspx 都要请求用户json信息，然后再对数据进行处理，起初我和同事们试了很多种方法，使用$.ajax（） 无论是get或post方法都会引起uri deny的错误。一番GG之后发现了解决方法，也了解其中的原因。jquery从1.2开始，.getJSON就支持跨域操作了。使...

jquery的ajax和getJson跨域获取json数据的实现方法

2016年07月27日 9 阅读

很多开发人员在使用jquery在前端和服务器端进行数据交互，所以很容易会认为在前端利用jquery就可以读取任何站点的数据了。近日在进行开 发时，因为要和第三方公司的一个项目进行数据的共享，因为考虑多不占用服务器的资源，遂决定直接在html进行数据的读取，不走服务器端进行中转了。然后 正好就遇到了浏览器端跨域访问的问题。跨域的安全限制都是指浏览器端来说的，服务器端不存在跨域安全限制的问题。目前浏览器端跨域访问常用的两种方法有两种：1、通过jQuery的aj...

用jQuery与JSONP轻松解决跨域访问的问题

2016年07月27日 11 阅读

时间过得好快,又被拉回js战场时, 跨域问题这个伤疤又开疼了. 好在,有jquery帮忙,跨域问题似乎没那么难缠了.这次也借此机会对跨域问题来给刨根问底,结合实际的开发项目,查阅了相关资料,算是解决了跨域问题..有必要记下来备忘.跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作，然后在浏览器端用AJAX获取本机服务器端“跨域访问”对应的url.来间接完成跨域访问也...

jquery中$.post（）方法的简单实例

2016年07月27日 9 阅读

在jqery中有这样一个方法，$.post（）下面就这个方法做一个简单的实例：jQuery.post（ url, [data], [callback], [type] ） ：使用POST方式来进行异步请求参数：url （String） : 发送请求的URL地址.data （Map） : （可选） 要发送给服务器的数据，以 Key/value 的键值对形式表示。callback （Function） : （可选） 载入成功时回调函数（只有当Response的...

jquery中get和post的简单实例

2016年07月27日 10 阅读

例子:test.html页面引用<script type="text/javascript" src="jquery-1.3.2.min.js"></script>内容有:<div id="divMsg">Hello World！</div>用法1:（页面载入时读取远程页面内容到divMsg）$（"#divMsg"）.load（http://localhost:8012/t.php, { "resultTyp...

jquery中get,post和ajax方法的使用小结

2016年07月27日 10 阅读

在JQuery中可以使用get，post和ajax方法给服务器端传递数据get方法的使用（customForGet.js文件）：function verify（）{//1.获取文本框的数据//通过DOM的方式获取//document.getElementByIdx（"userName"）;//通过JQuery的方式获取var jqueryObj = $（"#userName"）;//获取节点的值var userName = jqueryObj.val（）;...

jquery判断元素的子元素是否存在的示例代码

2016年07月27日 10 阅读

jquery判断子元素是否存在 一、判断子元素是否存在 //一级子元素 if（$（"#specialId>img"）.length==0） if （$（ "#specialId:has（img）" ）.length==0） { //-----没有img子标记----- } else { //-------有img子标记------ } 二、选择特定id元素下的特定id子元素 $（"#form" ）.children（ "#t" ） 如此 三、选择...

jquery 获取dom固定元素 添加样式的简单实例

2016年07月27日 9 阅读

<script type="text/javascript"> xx = function（）{ //$（"#categories div"）.eq（6）.css（"color","#000000"）; $（"#categories div"）.eq（6）.addClass（"xxx"）; }</script><style>.xxx{}.xxx a{color:#ff0000;}</style>...

jquery操作复选框（checkbox）的12个小技巧总结

2016年07月27日 9 阅读

1、获取单个checkbox选中项（三种写法）$（"input:checkbox:checked"）.val（）或者$（"input:[type="checkbox"]:checked"）.val（）;或者$（"input:[name="ck"]:checked"）.val（）;2、 获取多个checkbox选中项$（"input:checkbox"）.each（function（） { if （$（this）.attr（"checked"） ==true...

jQuery操作CheckBox的方法介绍（选中,取消,取值）

2016年07月27日 14 阅读

复制代码 代码如下:<！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New document．nbsp;</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> ...

Javascript 按位取反运算符 （~）

2016年07月27日 9 阅读

复制代码 代码如下:result = ~ 【数字】所有一元运算符（如 ~ 运算符）都按照下面的规则来计算表达式的值：复制代码 代码如下:1、 如果应用于未定义的表达式或 null 表达式，则会引发一个运行时错误。2、 将对象转换为字符串。3、 如果可能，将字符串转换为数字。 否则，将引发运行时错误。4、 布尔值被视为数字（如果为 false，则为 0；如果为 true，则为 1）。运算符将应用于结果数字。~ 运算符查看表达式的二进制表示形式的值，并执行位非...

JavaScript按位运算符的应用简析

2016年07月27日 9 阅读

大多数语言都提供了按位运算符，按位运算符在c,c++等语言中运用广泛，而在JS，AS等脚本语言中则没有太多的应用例子，有时候，适当的使用按位运算符会取得很好的效果。下面根据自己的认知简单的谈一下js中的位操作使用（同样适用于其他语言），如果有错误，欢迎指正。按位运算符是把操作数看作一系列单独的位，而不是一个数字值。所以在这之前，不得不提到什么是“位”：数值或字符在内存内都是被存储为0和1的序列，每个0和1被称之为1个位,比如说10进制数据2在计算机内被存储...