<!DOCTYPE html> <html><head><meta charset="utf-8" /><title>jquery form序列化转换为json对象</title><script src="//cdn.bootcss.com/jquery/3.0.0/jquery.min.js"></script></script></head><body><form action="" name="post_form" id="post_form">姓名：<input type="name" name="name" value="王"><br/>性别：<input type="radio" name="sex" value="男"checked>男<input type="radio" name="sex" value="女">女<br/>爱好：...
每次看到三元表达式就会惶惶然分不清如何读，正如语文中的断句一样，jquery源码中的三元表达式更是不知如何断句。附jquery中的inArray实现。大家熟悉jquery的应该都不陌生inArray的用法。在源码实现中，先判断了arr是否存在，如果不存在，则可直接返回-1，否则进行后续判断，当存在indexOf方法时，则直接使用call来调用indexOf方法。否则继续。在jquery代码中处处体现代码构建者对于javascript的深刻理解，譬如这里对arr.length的缓...
AJAX 的出现使得网页可以通过在后台与服务器进行少量数据交换，实现网页的局部刷新。但是出于安全的考虑，ajax不允许跨域通信。如果尝试从不同的域请求数据，就会出现错误。如果能控制数据驻留的远程服务器并且每个请求都前往同一域，就可以避免这些安全错误。但是，如果仅停留在自己的服务器上，Web 应用程序还有什么用处呢？如果需要从多个第三方服务器收集数据时，又该怎么办？ 一、关于ajax跨域的思考 1、Ajax为什么不能跨...
xml文件： 1<?xml version="1.0" encoding="gb2312"?> 2<china> 3<province name="吉林省"> 4<city>长春</city> 5<city>吉林市</city> 6<city>四平</city> 7<city>松原</city> 8<city>通化</city> 9</province>10<province name="辽宁省">11<city>沈阳</city>12<city>大连</city>13<city>鞍山</city>14<city>抚顺</city>15<city>铁岭</city>16</province>17<province name="山东省">18<city>济南</city>19<city>青岛</city>20<city...
前段时间需要做一个点击一个按钮，把制定内容复制到剪切板的效果。对于IE浏览器而言，有一简单的方法，通过 window.clipboardData：（假如有一个id为copy的按钮，有一个id为name的输入框，“text”为固定格式）$("#copy").click(function () {window.clipboardData.setData("text", $("#name").val());alert("已复制到剪贴板"); }); 但是这个方法仅限于IE浏览器，其他浏览器使用不了，所以不推荐使用。下面介绍一种兼容主流浏览器的...
jQuery实现滚动自动显示隐藏导航貌似插件挺多了，Headroom.js、基于bootstrap的jquery.bootstrap-autohidingnavbar.js，jBar.js，但似乎也没必要那么麻烦，或者它们确实有其他优势，目前我还不是很清楚。本文附件下载地址：http://pan.baidu.com/s/1qW7Vuji正文 1、首先在你的页面引入jQuery.js包jquery.min.js文件见附件《jquery.min.js》 <script src="http://www.lanrenzhijia.com/ajaxjs/jquery.min.js"></script> 2、创建导航...
前两天接到一个任务，把之前的做过的一个系统实现国际化，之前的系统用的是Spring框架，国际化还是比较简单的。但是有一些提示是写在js文件里面的，搜了一些，发现一个js国际化的框架jquery.i18n.properties.js，用了一些还是比较方便的。首先引入js文件，这个框架是依赖jquery的，所以jquery也要先引入，由于项目用了requireJs，所以在main文件里引入一下就可以了require.config({ baseUrl: contextPath + "/js", paths: ...
通过表格上下的两个全选checkbox对表格子项的全选！注意使用prop(),而非attr()方法。prop()返回的是标准属性true和false。原文：http://www.cnblogs.com/vscss/p/5503161.html
<!DOCTYPE html> <html> <head lang="en"><meta charset="UTF-8"><title></title><script src="https://code.jquery.com/jquery-3.1.1.min.js"></script> </head> <style>ul,li {margin: 0;padding: 0;}.content { width: 1020px;height: 60px;overflow: hidden; border: #4e83c2 solid 1px; margin:50px auto;}.content ul{display: flex;flex-direction: row;width: 100%; overflow: hidden;}.content ul li {width: 400px; heig...
JQuery和Servlet实现文件上传进度条,能显示上传速度，上传的百分比等原文：JQuery和Servlet实现文件上传进度条,能显示上传速度，上传的百分比等源代码下载地址：http://www.zuidaima.com/share/1550463319542784.htm原文：http://blog.csdn.net/springmvc_springdata/article/details/38655743
很多网站上都有返回顶部的效果，本文阐述如何使用jquery实现返回顶部按钮。 首先需要在顶部添加如下html元素：<p id="back-to-top"><a href="#top"><span></span>返回顶部</a></p>其中a标签指向锚点top，可以在顶部防止一个<a name="top"></a>的锚点，这样在浏览器不支持js时也可以实现返回顶部的效果了。 要想让返回顶部的图片显示在右侧，还需要一些css样式，如下：/*returnTop*/ p#back-to-top{position:fixed;display:none;bot...
以前写过java版的crawler，最近看了Groovy的XmlSlurper，效果还是不太满意，直到这篇文章启发了我：how-to-make-a-simple-web-crawler-in-javascript-and-node-js。于是就想到使用jQuery风格的js来解析html并获取数据，把这样的js碎片逻辑作为配置从而支持更灵活的自定义。crawler的原始构思及说明：crawlConfig，配置crawler：crawl=code.js，新配置的js脚本需要人工审核之后才能用于crawlData执行获取所有a标签的href属性的配置，...
1<html> 2<head> 3<meta charset="utf-8"> 4<title>Checkbox的练习</title> 5<style type="text/css"> 6*{margin:0px;padding:0px;} 7table{width:100%;text-align:center;} 8</style> 9 10<script src="jquery.js"></script> 11<script language="javascript"> 12 $(function(){13//给全选的复选框添加事件 14 $("#all").click(function(){15// this 全选的复选框 16var userids=this.checked;17//获取name=box...
我前面博客写过一个星级评论的原生写法，非常复杂，今天就通过jquery来写一个简单的星级点亮的效果，来看代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Title</title><style>.ct-star {display: inline-block;margin: 0 1px;width: 19px;height: 19px;background: url(img/stars.png) no-repeat;vertical-align: -2px;cursor: pointer;}.ic-star-off {background-position: -39px 0;}</style></head><...
对于一些大型公司，想要有一些监控用户行为的分析，怎么办？比如一个场景，A公司想要监控用户浏览当前屏幕有哪些数据怎么办？那么就用到本文所提的监控解决方案了：1.首先要监控用户到底在该屏停留了多久；2.基于1确定用户是停留在了本页面而没有滑动手机屏幕；3.在用户未达到条件后的callback机制。基于以上的问题，我们可以想到时间分片 1/* This is a expose advertisements component.2 * Base on some class libraries that ...