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

JavaScript的事件代理和委托实例分析

2017年02月06日 13 阅读

在JavaScript中，经常会碰到要监听列表中多项li的情形，假设我们有一个列表如下：复制代码代码如下:<ul id="list"> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li><...

jQuery实现购物车计算价格功能的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery实现购物车计算价格功能的方法。分享给大家供大家参考。具体如下：目的实现在html界面修改购物车的件数，购物车商品价格的小计和总计要修改。实现思路1.当点击进入界面，刷新的时候触发body内的onload=""方法，跳转到JS代码。这样做的原因是在数据库内我们只会存储某客户的准备购买的商品件数，而不会存储每类商品价格的小计和购物车内所有物品的商品总价格，初始化的目的就是为将这些数字计算出来后显示在前台界面上。2.当更改数量输入框中每...

jQuery延迟加载图片插件Lazy Load使用指南

2017年02月06日 12 阅读

Lazy Load 是一个用 JavaScript 编写的 jQuery 插件. 它可以延迟加载长页面中的图片. 在浏览器可视区域外的图片不会被载入, 直到用户将页面滚动到它们所在的位置. 这与图片预加载的处理方式正好是相反的.在包含很多大图片长页面中延迟加载图片可以加快页面加载速度. 浏览器将会在加载可见图片之后即进入就绪状态. 在某些情况下还可以帮助降低服务器负担.怎样使用?Lazy Load 依赖于 jQuery. 请将下列代码加入页面 he...

Jquery实现鼠标移动放大图片功能实例

2017年02月06日 13 阅读

本文实例讲述了Jquery实现鼠标移动放大图片功能的方法。分享给大家供大家参考。具体分析如下：做毕业设计，老师看完小样后，嫌弃我购物车里商品图片太大，不美观，让美化个效果。上网查查代码，修改了一个简单版的。使用的是jquery，未使用JavaScript获取鼠标状态，这主要和JavaScript需在标签本身内含写出所调用到的动作，太麻烦了，一会就把自己搞糊涂了，使用jquery技术直接根据标签的id，class等等，就可以辨识出来触发条件，直接作出回应（...

jQuery使用load（）方法载入另外一个网页文件内的指定标签内容到div标签的方法

2017年02月06日 13 阅读

本文实例讲述了jQuery使用load（）方法载入另外一个网页文件内的指定标签内容到div标签的方法。分享给大家供大家参考。具体分析如下：jQuery通过load（）方法载入另外一个网页文件内的指定标签内容到div标签，如果我们可以加载网页b.html中的id为p1的标签内容到网页a.html的div标签内<！DOCTYPE html><html><head><script src="js/jquery.min.j...

jQuery设置指定网页元素宽度和高度的方法

2017年02月06日 13 阅读

本文实例讲述了jQuery设置指定网页元素宽度和高度的方法。分享给大家供大家参考。具体实现方法如下：<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（function（）{ $（"button"）.click（function（）{$（"#div1"）...

jQuery获得document和window对象宽度和高度的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery获得document和window对象宽度和高度的方法。分享给大家供大家参考。具体如下：<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（function（）{ $（"button"）.click（function（）{var...

jQuery获得包含margin的outerWidth和outerHeight的方法

2017年02月06日 13 阅读

本文实例讲述了jQuery获得包含margin的outerWidth和outerHeight的方法。分享给大家供大家参考。具体如下：<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（function（）{ $（"button"）.click（funct...

nodejs开发微博实例

2017年02月06日 12 阅读

之前一直执着于前端开发，最近几天，开始学起了nodejs。作为一名前端开发者，见到这样一门用javascript写的后台自然是很激动的。但是，后台毕竟不同于前端，在学习的过程中，还是会遇到不少问题。为了开始学习nodejs，一开始选择了《深入浅出nodejs》这本书，看了几章之后，得出一个结论是：真是一本好书，但是还是不会写nodejs！然后选择了另外一本教材《nodejs开发指南》，由于看过了《深入浅出nodejs》，直接跳过了这本书的前几章，写起了该书...

12306验证码破解思路分享

2017年02月06日 12 阅读

一个12306验证码破解思路,图片采集 + 概率//分析：1. 单次验证码里面有8个图片，类型最多8种，最少不太确定2. 8个图是规则排列，可以很容易分隔3. 图片库应该是有限的，可以采集，计算hash入库，这里需要关联相同类型图片（比如 “杯子”，“刷子”等）备注：这里的图片hash并不是md5，有很多算法，自行搜索吧。//下面，我假设图片已经采集好了，分类也完成了，开始进行识别：1. 选一张验证码，分隔成8个图片，分别计算hash，然后查询这些has...

jQuery使用CSS（）方法给指定元素同时设置多个样式

2017年02月06日 12 阅读

本文实例讲述了jQuery使用CSS（）方法给指定元素同时设置多个样式的方法。分享给大家供大家参考。具体如下：<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（function（）{ $（"button"）.click（function（）{$（"p"...

jQuery使用toggleClass方法动态添加删除Class样式的方法

2017年02月06日 14 阅读

本文实例讲述了jQuery使用toggleClass方法动态添加删除Class样式的方法。分享给大家供大家参考。具体分析如下：jQuery通过toggleClass方法动态添加删除Class，一次执行相当于addClass，再次执行相当于removeClass，运行下面的代码点击按钮可以看到文本段落字体在蓝色和黑色间切换<！DOCTYPE html><html><head><script src="js/jquer...

Jquery异步提交表单代码分享

2017年02月06日 13 阅读

功能很实用代码也很简单，就不多废话了，直接奉上：$.ajax（{url:"mobileSurveyAction_addSurvey.action",//提交地址data:$（"#form1"）.serialize（）,//将表单数据序列化type:"POST",dataType:"json",success:function（result）{if （result.success == "100"）{$（"#mySection"）.hide（）;$（".fo...

jQuery使用addClass（）方法给元素添加多个class样式

2017年02月06日 12 阅读

本文实例讲述了jQuery使用addClass（）方法给元素添加多个class样式的方法。分享给大家供大家参考。具体如下：jQuery通过addClass（）方法给元素添加多个class，只需要在添加的class中用空格分开多个class既可<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script&g...

Js实现自定义右键行为

2017年02月06日 12 阅读

自定义右键行为（通过事件对象获得鼠标的坐标（x,y））<！doctype html><html><head><meta charset="UTF-8"><title>demo</title><style type="text/css">html{height:100%;}body{height:100%;}#mydiv{width:300px;height:300px;ba...

jQuery给多个不同元素添加class样式的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery给多个不同元素添加class样式的方法。分享给大家供大家参考。具体分析如下：jQuery可以通过addClass（）方法给多个不同的html元素同时添加相同的class<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（func...

jQuery使用removeClass方法删除元素指定Class的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery使用removeClass方法删除元素指定Class的方法。分享给大家供大家参考。具体分析如下：<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（function（）{ $（"button"）.click（function（）...

jquery使用remove（）方法删除指定class子元素

2017年02月06日 12 阅读

本文实例讲述了jquery使用remove（）方法删除指定class子元素的方法。分享给大家供大家参考。具体实现方法如下：<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（function（）{ $（"button"）.click（function（）...

jQuery使用empty（）方法删除元素及其所有子元素的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery使用empty（）方法删除元素及其所有子元素的方法。分享给大家供大家参考。具体实现方法如下：<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>$（document）.ready（function（）{ $（"button"）.click（function（）{$...

jQuery使用after（）方法在元素后面添加多项内容的方法

2017年02月06日 12 阅读

本文实例讲述了jQuery使用after（）方法在元素后面添加多项内容的方法。分享给大家供大家参考。具体分析如下：jQuery可通过after（）方法在元素后面添加多项内容，after（）可以带多个参数，在指定元素后面添加多项内容<！DOCTYPE html><html><head><script src="js/jquery.min.js"></script><script>func...

首页 / 脚本样式 / JavaScript

JavaScript的事件代理和委托实例分析

jQuery实现购物车计算价格功能的方法

jQuery延迟加载图片插件Lazy Load使用指南

Jquery实现鼠标移动放大图片功能实例

jQuery使用load（）方法载入另外一个网页文件内的指定标签内容到div标签的方法

jQuery设置指定网页元素宽度和高度的方法

jQuery获得document和window对象宽度和高度的方法

jQuery获得包含margin的outerWidth和outerHeight的方法

nodejs开发微博实例

12306验证码破解思路分享

jQuery使用CSS（）方法给指定元素同时设置多个样式

jQuery使用toggleClass方法动态添加删除Class样式的方法

Jquery异步提交表单代码分享

jQuery使用addClass（）方法给元素添加多个class样式

Js实现自定义右键行为

jQuery给多个不同元素添加class样式的方法

jQuery使用removeClass方法删除元素指定Class的方法

jquery使用remove（）方法删除指定class子元素

jQuery使用empty（）方法删除元素及其所有子元素的方法

jQuery使用after（）方法在元素后面添加多项内容的方法