JavaScript资料,JavaScript文章,JavaScript文档-易库教程

js实现简单的购物车有图有代码

2017年02月06日 12 阅读

如图：全选按钮的实现为：复制代码代码如下: <input type="checkbox" name="all" onclick="checkAll（）" />全选<br /> <input type="checkbox" name="item" value="3000" />笔记本电脑：3000元<br /> <input type="checkbox" name="item" value="30...

利用jQuery实现可以编辑的表格

2017年02月06日 12 阅读

今天学习了利用jQuery实现可以编辑的表格这个例子。这个例子需求是这样的：在前台的表格中单击单元格便可修改其中的内容，回车键保存修改的内容，esc撤销保存的内容。原理：单击客户端表格单元格时，在单元格中添加一个文本框，并将单元格中原来的内容赋值给文本框，再进一步去修改文本框内容，修改后将文本框内容重新赋值给单元格。源码：前台代码：复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" ...

js处理表格对table进行修饰

2017年02月06日 12 阅读

js处理表格 1、行颜色间隔显示 css样式：两个选择器复制代码代码如下: <style type="text/css"> .one{ background-color:#33ffcc; } .two{ backgound-color:#ffff66; } </style> <script type="text/javascript"> function trcolor（） //控制间隔行颜色显示不同 { var t...

jQuery实现鼠标可拖动调整表格列宽度

2017年02月06日 14 阅读

实现鼠标可拖动调整表格列宽度如图：一、引入文件：复制代码代码如下: <script src="/js/jquery-1.8.0.min.js" type="text/javascript"></script> <script src="/js/store.js" type="text/javascript"></script> <script src="/js/jquery.resizableC...

jQuery表格排序组件-tablesorter使用示例

2017年02月06日 12 阅读

一、引入文件复制代码代码如下: <script type="text/javascript" src="js/jquery.js"></script> <script type="text/javascript" src="js/jquery.tablesorter.js"></script> <！-- 引入以下样式则表头出现排序图标，同时引入图片 --> <link href="css...

jquery attr方法获取input的checked属性问题

2017年02月06日 15 阅读

问题：经常使用jQuery插件的attr方法获取checked属性值，获取的值的大小为未定义，此时可以用prop方法获取其真实值，下面介绍这两种方法的区别： 1.通过prop方法获取checked属性，获取的checked返回值为boolean，选中为true,否则为flase 复制代码代码如下: <input type="checkbox" id="selectAll" onclick="checkAll（）">全选 function ch...

JQuery实现table行折叠效果以JSON做数据源

2017年02月06日 12 阅读

复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <script type...

sliderToggle在写jquery的计时器setTimeouter中不生效

2017年02月06日 13 阅读

今天在写jquery时发现sliderToggle在setTimeouter中不生效，还报错说是发生了意想不到的错误。看了很久也没明白后来猛然发现使用show（）;hide（）；就可以。 bootstrap的一些学习笔记。首先应该了解其框架构成，什么对应什么，其次是名称要熟练记忆，一般而言都是所见即所得，名字很有规律。最后是多练，在练习中逐渐掌握这些规则。...

chrome下jq width（）方法取值为0的解决方法

2017年02月06日 12 阅读

http://photo.163.com/shixiaojian089/train/28002 这是网易的一个相册，看到后想试着做做看。在我的制作方法中，需要获取到每张照片的宽度，所以很自然就使用了jq的width（）方法。在ff跟ie下运行问题不大，但是到了chrome上，就出现问题了。使用alert排查，发现chrome下width方法取到的值都是0.这样子的话，想来就是脚本运行到这的时候图片根本没加载好。问题应该出在$（function（）{}）...

chrome下img加载对height（）的影响示例探讨

2017年02月06日 12 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

JQuery获取表格数据示例代码

2017年02月06日 13 阅读

有这样一个表格：点击删除执行保存，需要执行onclick事件SaveItem（"<%#Eval（"ID"）>",this）; 在JS中复制代码代码如下: function SaveItem（id,btn） { var tbl = $（btn）.parent（）.parent（）.parent（）; //table 第二行记录 var dj = tbl.children（）.eq（1）.chilren（）.eq（3）.find（"INPUT...

使用jquery animate创建平滑滚动效果（可以是到顶部、到底部或指定地方）

2017年02月06日 12 阅读

采用锚点进行页面中的跳转的确很方便，但是要想增加网页的效果，可以使用jquery中的animate，实现滚动的一个动作，慢慢的滚动到你想跳转到的位置，从而看起来会非常高大上。滚动到顶部：复制代码代码如下:$（".scroll_top"）.click（function（）{$（"html,body"）.animate（{scrollTop: "0px"}, 800）;}）;滚动到指定位置：复制代码代码如下:$（".scroll_a"）.click（fun...

纯js实现遮罩层效果原理分析

2017年02月06日 13 阅读

可以说这个功能，在我理解了前面的“贪吃蛇”之后，实在是与刚开始想象的难度差了好多，当然是这种方式有取巧之嫌，终归是实现了功能，我们来进行分析整理 1、实现原理本片文章的是实现原理如下： * 实际上弹出层、遮罩层和原页面显示分别为三个不同的div * 弹出层的层级在遮罩层之上，遮罩层的层级在原页面显示之上； * 遮罩层有通明效果 * 遮罩层没有实际意义，则无需在html部分就写上，当然写上同样可以实现 2、代码实现 html语言如下：复制代码代码如下...

js实现网页自动刷新可制作节日倒计时效果

2017年02月06日 12 阅读

复制代码代码如下: <！doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> ...

javascript中不提供sleep功能如何实现这个功能

2017年02月06日 13 阅读

javascript中不提供sleep功能，而我们时长会用到这个功能。有一种思路是跑一段循环体，让程序空耗CPU的时间来实现延时。这有一个不足，不同的机器CPU的执行速度是不一样的，这很容易导致的慢的机器会SLEEP很久。笔者从别的论坛看到一种机智的解决方法，在不同的机器上的执行速度是一致的。在此与大家共享。复制代码代码如下: function sleep（n） { var start=new Date（）.getTime（）; while（tru...

JavaScript模块随意拖动示例代码

2017年02月06日 13 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content...

浅析javascript中function 的 length 属性

2017年02月06日 12 阅读

[1,2,3].length 可以得到 3， "123".length 也可以得到 3，这个略懂js的都知道。但是 eval.length，RegExp.length，"".toString.length，1..toString.length 会得到什么呢？分别得到 1，2，0，1，这些数字代表什么呢？这个是群里很多新人朋友一直问的一个问题，其实函数的 length 得到的是形参个数。我们来简单看个例子：复制代码代码如下:function test（a,...

For循环中分号隔开的3部分的执行顺序探讨

2017年02月06日 12 阅读

引发这个问题思考的是一段js程序的运行结果：复制代码代码如下: var i = 0; function a（）{ for（i=0;i<20;i++）{ } } function b（）{ for（i=0;i<3;i++）{ a（）; } return i; } var Result = b（）; 这段程序的运行结果是Result = 21；从这段程序中我们可以看出，i在a函数返回的时候值是20这是没有问题的。而在b函数返回的时候，i的...

利用javascript实现全部删或清空所选的操作

2017年02月06日 13 阅读

复制代码代码如下: function deleteAll（） { var all = document.getElementsByName（"checkname"）;//获得你选中的内容是一个数组 if （all == null || all.length == 1） { alert（"暂无订单"）; return; } else { var idStr = "";//定义一个自己要删除的id的字符串 for （ var i = 0; i < al...

jQuery 2.0.3 源码分析之core（一）整体架构

2017年02月06日 12 阅读

拜读一个开源框架，最想学到的就是设计的思想和实现的技巧。废话不多说，jquery这么多年了分析都写烂了，老早以前就拜读过，不过这几年都是做移动端，一直御用zepto, 最近抽出点时间把jquery又给扫一遍我也不会照本宣科的翻译源码，结合自己的实际经验一起拜读吧！github上最新是jquery-master，加入了AMD规范了，我就以官方最新2.0.3为准整体架构jQuery框架的核心就是从HTML文档中匹配元素并对其执行操作、例如：复制代码代码如下:...

首页 / 脚本样式 / JavaScript

js实现简单的购物车有图有代码

利用jQuery实现可以编辑的表格

js处理表格对table进行修饰

jQuery实现鼠标可拖动调整表格列宽度

jQuery表格排序组件-tablesorter使用示例

jquery attr方法获取input的checked属性问题

JQuery实现table行折叠效果以JSON做数据源

sliderToggle在写jquery的计时器setTimeouter中不生效

chrome下jq width（）方法取值为0的解决方法

chrome下img加载对height（）的影响示例探讨

JQuery获取表格数据示例代码

使用jquery animate创建平滑滚动效果（可以是到顶部、到底部或指定地方）

纯js实现遮罩层效果原理分析

js实现网页自动刷新可制作节日倒计时效果

javascript中不提供sleep功能如何实现这个功能

JavaScript模块随意拖动示例代码

浅析javascript中function 的 length 属性

For循环中分号隔开的3部分的执行顺序探讨

利用javascript实现全部删或清空所选的操作

jQuery 2.0.3 源码分析之core（一）整体架构