jquery对table中各数据的增加、保存、删除操作示例

2017年02月06日 13 阅读

像这种页面，我们往往不是通过提交表单来处理这些数据，因为如果在后台去遍历处理这些大量的数据是非常繁琐的；比较好的做法是在前台页面中将数据以对象形式保存在json中，然后在后台直接将json转换成我们需要的对象，这样我们的直接可以处理对象了！ 添加按钮 复制代码 代码如下: <input name="button" type="button" value="添加" onClick="addRowForPswdBasicFillTemplate（"psw...

jquery-syntax动态语法着色示例代码

2017年02月06日 12 阅读

解压jquery-syntax-3.1.1.zip，将public放在我们自已的目录下，在网页中引入如下3个js（下载地址是http://download.csdn.net/detail/liumengcheng/7344667） 复制代码 代码如下: <script type="text/javascript" charset="UTF-8" src="scripts/jquery-1.8.2.js"></script> <...

jquery获取对象的方法足以应付常见的各种类型的对象

2017年02月06日 12 阅读

（1）基本对象获取$（"*"） 获取所有对象 $（"#element"） 获取id为element的对象等同于document.getElementById（“element”）； $（".abc"） 获取class为abc的对象 $（"div"） 获取html中所有的div元素 $（"#a，.b，p"） 获取id为a和class为b以及所有p元素 $（"#a .b p"） 获取id为a并且class为b元素下的p元素 （2）层级对象获取 $（"div&g...

jquery如何判断表格同一列不同行input数据是否重复

2017年02月06日 12 阅读

复制代码 代码如下: function hasRepeat（objId,columnIndex）{ var arr = []; $（"#"+objId+" tbody tr"）.each（function（）{ arr.push（ $（"td:eq（"+columnIndex+"）",this）.text（） ）; }）; if（ arr.length==$.unique（ arr ）.length ）{ return false; }else{ retu...

js获取窗口相对于屏幕左边和上边的位置坐标

2017年02月06日 12 阅读

获取窗口相对于屏幕左边和上边的位置: 复制代码 代码如下: var x=window.screenLeft？window.screenLeft: window.screenX ; var y=window.screenTop？window.screenTop: window.screenY; alert（x+" "+y）; ...

javascript屏蔽右键代码

2017年02月06日 12 阅读

javascript屏蔽右键 复制代码 代码如下: <span style="font-size:18px;color:#ff0000;"><strong>document.oncontextmenu=function（e）{ return false; };</strong></span> ...

Javascript小技巧之生成html元素

2017年02月06日 12 阅读

Javascript 生成 HTML元素的方法在本文中介绍2种，第一种是比较正规的创建元素方法，第二种是利用javascript中的write（）方法直接写出html元素。方法一：复制代码 代码如下: //createElement（）创建input元素到obj对象中 var obj = document.createElement（"input"）; //选择要生成地点的前一个元素 var before = document.getElementById...

js获取网页可见区域、正文以及屏幕分辨率的高度

2017年02月06日 12 阅读

网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth （包括边线的宽） 网页可见区域高： document.body.offsetHeight （包括边线的高） 网页正文全文宽： document.body.scrollWidth 网页正文全文高： document.body.scrollHeight...

Jquery性能优化详解

2017年02月06日 13 阅读

寻寻觅觅，觅觅寻寻终于找到了一些关于jquery性能优化的文章，小编果断收藏当然不能忘了加上自己的一些总结及理解。首先，之前文章中的jquery链式操作就是jquery性能优化方式中的一种，具体实现及优势在这里就不重复了哈。其次，jquery的优化与web优化中的某些方法是一样的。a.压缩js。使用代码压缩技术，减小文件体积。（使用jsmin、YUI Compressor等）。b. 事件默认是向上冒泡的,发生在子节点中的事件,可以由父节点来处理。把事件注册...

js生成缩略图后上传并利用canvas重绘

2017年02月06日 12 阅读

一般在处理图片上传时，通常的逻辑都是将源图片上传到服务器端，再由服务器端的语言进行缩放大小的操作。 此种模式一般可以满足大部分的需求，但当我们所需要的图片仅仅是一个符合规定大小的源图片的缩略图，再使用此种模式，将是一种浪费服务端资源以及带宽的方式，故我们考虑在浏览器端生成小图后再进行上传操作。 //以下为源代码 复制代码 代码如下: function drawCanvasImage（obj,width, callback）{ var $canvas = $...

javascript常用的正则表达式实例

2017年02月06日 12 阅读

小编之前整理了不少JavaScript常用的正则表达式实例，都是自己用的，现在放出来给大家分享下。复制代码 代码如下:/*** 取得字符串的字节长度*/ function strlen（str） { var i; var len; len = 0; for （i=0;i<str.length;i++） { if （str.charCodeAt（i）>255） len+=2; else len++; } return len; ...

javascript实例--教你实现扑克牌洗牌功能

2017年02月06日 14 阅读

我们一般都会按照顺序把随机摸过来的牌从小到大的顺序在手上理整齐（记得小时候打牌两副牌手都抓不过来），这篇随笔就是想通过实现这个功能来熟悉下js中排序数组等相关知识。用到知识点：1.工厂方式创建对象2.js数组sort（）方法复制代码 代码如下: var testArr = [1, 3, 4, 2]; testArr.sort（function （a,b） { return a - b; }） alert（testArr.toString（））;//1,2,...

js获取url中"？"后面的字串方法

2017年02月06日 14 阅读

url : index.php？id=123 复制代码 代码如下: <script type="text/javascript"> function GetRequest（） { var url = location.search; //获取url中"？"符后的字串 var theRequest = new Object（）; if （url.indexOf（"？"） ！= -1） { var str = url.substr（1）; strs...

js子页面获取父页面数据示例

2017年02月06日 13 阅读

做页面预览的时候，数据没有存入数据库，但是要打开一个页面进行预览，询问众大婶，原来是这样来做。 1、父页面 复制代码 代码如下: <input type="text" id="name" value="zhangsan"/> <a href="a.html" target="_blank">预览</a> 2、子页面，也就是a.html获取父页面中文本框的value 复制代码 代码如下: $（function（）{ co...

自写的jQuery异步加载数据添加事件

2017年02月06日 12 阅读

几个月前在一个项目中涉及到树形栏，然后看了很多插件，觉得有点麻烦，于是自己写了一个，写着写着就出问题了。 当时项目是通过树形栏进行权限控制的，管理员可以对从数据库去的数据动态生成树形栏进行增删改查操作，可是用$（".XX"）.click（）;方法是不行的。 1、之前用的是jq1.4.3 ,jq1.7一下都可以使用live（）方法，来实现该功能 复制代码 代码如下: $（‘#div"）.live（‘click",function（）{ //do stuff ...

JS案例分享之金额小写转大写

2017年02月06日 12 阅读

之前做项目的时候遇到需要在输入小写金额之后自动转成大写，经过一番研究，整出了如下代码，分享给大家，希望有所帮助复制代码 代码如下:function Arabia_to_Chinese（Num）{ for（i=Num.length-1;i>=0;i--） { Num = Num.replace（",",""） Num = Num.replace（" ",""） } Num = Num.replace（"￥",""） if（isNaN（Num）） { a...

js取模（求余数）隔行变色

2017年02月06日 12 阅读

复制代码 代码如下:<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>js取模隔行变色</title><script type="text/javascript">window.onloa...

Jquery倒计时源码分享

2017年02月06日 13 阅读

在静态页添加显示倒计时的容器，并引用下面脚本，代入时间参数即可使用。timeoutDate——到期时间，时间格式为2014/01/01或2014/1/1D——天H——小时M——分钟S——秒xs——数字0~9效果图：代码展示：html:复制代码 代码如下:<span id="top_tuan_countdown"></span>jquery:复制代码 代码如下:$（）.ready（function （） { CcountDown（[,...

一张表格告诉你windows.onload（）与$（document）.ready（）的区别

2017年02月06日 12 阅读

浏览器加载完DOM后，会通过javascript为DOM元素添加事件，在javascript中，通常使用window.onload（）方法。在jquery中，则使用$（document）.ready（）方法。下面介绍一下两者的区别。window.onload（）$（document）.ready（）执行时机在页面所有元素（包括图片，引用文件）加载完后执行。页面中所有HTML DOM，CSS DOM结构加载完之后就会执行，其他图片可能没有加载完.如果想要网页...

从零学jquery之如何使用回调函数

2017年02月06日 12 阅读

在类C语言中通常通过函数指针/引用的方式传递。jquery也提供类似的回调函数机制。但是如何正确传递回调函数仍然值得一提。1、不带参数的回调复制代码 代码如下:$.get（"myhtmlpage.html", myCallBack）;其中myCallBack是函数名字。函数是javascript的基础。可以当作引用变量一样传递。2、带参数的回调很自然的，按照以往的经验，我们会认为带参数的回调是下面的样子：复制代码 代码如下:$.get（"myhtmlpag...