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

Jquery绑定事件（bind和live的区别介绍）

2016年07月27日 6 阅读

Jquery中绑定事件有三种方法：以click事件为例（1）target.click（function（）{}）; （2）target.bind（"click",function（）{}）; （3）target.live（"click",function（）{}）; 第一种方法很好理解，其实就和普通JS的用法差不多，只是少了一个on而已第二、三种方法都是绑定事件，但是二者又有很大的不同，下面着重讲解一下，因为这个如果用到Jquery的框架的话是用的挺多...

使用jQuery插件创建常规模态窗口登陆效果

2016年07月27日 5 阅读

隐藏模态窗口技术是一种很好的解决方案，用于处理不是特有必要出现在网页上的界面元素。社交网络可以使用模态窗口传达私人讯息以及只针对会员才能看到的表单。在博客和杂志网站也适用于与主网站分开的作者登陆页面，模态窗口比在JavaScript中创建新窗口更容易，因为使用HTML标记显示，所有的东西能都呈现在同一个窗口中。我将演示如何利用jQuery插件leanModal建立一个常规模态窗口。如果你有MIT general license，那么这个插件是完全开源...

jQuery中RadioButtonList的功能及用法实例介绍

2016年07月27日 8 阅读

代码分析复制代码代码如下: $（"#<%= ibSubmit.ClientID%>"）.click（function（） { var flag = true; //alert（$（"table[id^=ctl]"）.length）; //创建一个checked的arr数组，用于存储每个radiobutton的checked情况 var arr = new Array; $（"table[id^=ctl] input[type=radio]"...

jquery eval解析JSON中的注意点介绍

2016年07月27日 7 阅读

在JS中将JSON的字符串解析成JSON数据格式，一般有两种方式： 1.一种为使用eval（）函数。 2. 使用Function对象来进行返回解析。使用eval函数来解析，并且使用jquery的each方法来遍历用jquery解析JSON数据的方法,作为jquery异步请求的传输对象，jquery请求后返回的结果是json对象,这里考虑的都是服务器返回JSON形式的字符串的形式，对于利用JSONObject等插件封装的JSON对象，与此亦是大同小异，这...

jquery中加载图片自适应大小主要实现代码

2016年07月27日 7 阅读

如何在固定大小的div中放置一个图片，当图片较小时显示实际大小，当图片超过div 大小时图片自动适应div 的大小实现过程的主要代码：复制代码代码如下: .divImg{ max-height:200px; max-width:200px; width: expression（this.width > 200 && this.width > this.height ？ 200 : auto）; height: expression（th...

JavaScript限定复选框的选择个数示例代码

2016年07月27日 5 阅读

有10个复选框，用户最多只能勾选3个，否则就灰掉所有复选框。（用户再次勾掉复选框时，仍然可以再次选择。）将可变的部分设置为JS的参数，以实现代码复用。 JS代码第一个参数为复选框的name，第二个参数为最多允许的勾选值。复制代码代码如下: function choicetest（name,num）{ var choicearr = document.getElementsByName（name）; var a=0; for（var i=0;i&l...

JQuery中对Select的option项的添加、删除、取值

2016年07月27日 6 阅读

jQuery获取Select选择的Text和Value: 复制代码代码如下: $（"#select_id"）.change（function（）{//code...}）; //为Select添加事件，当选择其中一项时触发 var checkText=$（"#select_id"）.find（"option:selected"）.text（）; //获取Select选择的Text var checkValue=$（"#select_id"）.val（）; ...

js中onload与onunload的使用示例

2016年07月27日 8 阅读

引言：今天周末没事，就想起前面自己做的一个B2C的电子商务平台，还有些一些地方没有完善，就想着完善，嗯，问题是这样的，在电子商务平台中有这样一个场景，我将购物车放置在Session中，使其在整个购物的过程中都能从Session中得到购物车模型，我在购物车某型中有的商品都会在数据库中减少其购物车中购买的数量，但是如果我关闭窗口，怎样让Session中的购物车模型中的商品数量添加到数据库中，于是我查找了GOOGLE、百度，得到的第一个提示，就是：关闭窗口自动...

JS 两个字符串时间的天数差计算

2016年07月27日 5 阅读

JS 两个字符串时间的天数差复制代码代码如下: var s = （（new Date（paramObj.end_date.replace（/-/g,"/"））） - （new Date（paramObj.start_date.replace（/-/g,"/"））））; var day = s/1000/60/60/24 ...

JS操作JSON要领详细总结

2016年07月27日 6 阅读

JSON（JavaScript Object Notation）是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。本文主要是对JS操作JSON的要领做下总结。在JSON中，有两种结构：对象和数组。 1. 一个对象以“{”（左括号）开始，“}”（右括号）结束。每个“名称”后跟一个“:”...

jQuery选择器中含有空格的使用示例及注意事项

2016年07月27日 5 阅读

此文摘自《锋利的jQuery》，另外添加了一点自己的东西选择器中的空格是不容忽视的，多一个空格或少一个空格也许得到的结果会截然不同的。下面来看一个例子。先构建如下的HTML代码：复制代码代码如下: <div class="test"> <div style="display:none;">Jquery教程</div> <div style="display:none;">Jquery学习</di...

javascript jq 弹出层实例

2016年07月27日 6 阅读

复制代码代码如下: <！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 cookie实现的简单换肤功能适合小网站

2016年07月27日 7 阅读

前段时间试着使用jquery cookie的时候，做了一个简单的换肤功能，只适合小网站并且代码低级。首先引入jquery和cookie插件复制代码代码如下: <script type="text/javascript" src="__PUBLIC__/js/jquery.js"></script> <script type="text/javascript" src="__PUBLIC__/js/cookie.js"&g...

点击弹出层外区域关闭弹出层jquery特效示例

2016年07月27日 5 阅读

点击弹出层外区域关闭弹出层jquery特效,废话不说，上代码，简洁明了：复制代码代码如下: <html> <head> <style> .hide{display:none;} .con{width:500px;height:300px;background:#000;} </style> <title>点击弹出层，点击弹出层外区域关闭弹出层jquery特效</title> &l...

JS预览图像将本地图片显示到浏览器上

2016年07月27日 6 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript"> /** * 从 fil...

使用js实现雪花飘落效果

2016年07月27日 10 阅读

今天用html5绘布加js写的雪花飘效果。分享下：复制代码代码如下:<html><head> <script> function start（）{ var array=new Array（）; var canvas=document.getElementById（"mycanvas"）; var context=canvas.getContext（"2d"）; for（var i=0;i<50;i++）{ v...

jQuery快速上手：写jQuery与直接写JS的区别详细解析

2016年07月27日 7 阅读

要使用jQuery，首先要在HTML代码最前面加上对jQuery库的引用，比如：<script language="javascript" src="/js/jquery.min.js"></script>库文件既可以放在本地，也可以直接使用知名公司的CDN，好处是这些大公司的CDN比较流行，用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了，所以能加快网站的打开速度。另外一个好处是显而易见的，节省了网站的流量带宽。jQu...

jquery弹出框的用法示例（一）

2016年07月27日 5 阅读

最近做一个项目，许多功能都是关于弹出框的，以前觉得弹出框就那一种，很容易实现，但是最近真的做起这个功能了，发现会有好多自己考虑不到的问题。比如关于一些添加，删除，修改的弹出框，当添加一些用户的时候，弹出框里要提交一些关于用户的信息，设置密码等信息，当修改的时候，根据用户的名字和id号来修改密码等等。例子如下：复制代码代码如下: <ul class="tabPanel clearfix"> <li class="hover">...

jquery弹出框的用法示例（2）

2016年07月27日 9 阅读

第二种情况是关于弹出框，没有关闭按钮，但是点击其他地方的时候，弹出框消失，这个还涉及到一些关于层次问题，必须用js给弹出框的父元素加上更高的层次，以免被下面的内容覆盖。复制代码代码如下: <div class="listBox"> <div class="tit"> <h2>询盘分配</h2> <div class="listTit"> <ul> <li class="inq...

关于Jquery操作Cookie取值错误的解决方法

2016年07月27日 13 阅读

使用JQuery操作cookie时发生取的值不正确的问题：结果发现cookie有四个不同的属性: 名称，内容，域，路径复制代码代码如下: $.cookie（"the_cookie"）; // 读取 cookie $.cookie（"the_cookie", "the_value"）; // 存储 cookie $.cookie（"the_cookie", "the_value", { expires: 7 }）; // 存储一个带7天期限的 coo...

首页 / 脚本样式 / JavaScript

Jquery绑定事件（bind和live的区别介绍）

使用jQuery插件创建常规模态窗口登陆效果

jQuery中RadioButtonList的功能及用法实例介绍

jquery eval解析JSON中的注意点介绍

jquery中加载图片自适应大小主要实现代码

JavaScript限定复选框的选择个数示例代码

JQuery中对Select的option项的添加、删除、取值

js中onload与onunload的使用示例

JS 两个字符串时间的天数差计算

JS操作JSON要领详细总结

jQuery选择器中含有空格的使用示例及注意事项

javascript jq 弹出层实例

jquery cookie实现的简单换肤功能适合小网站

点击弹出层外区域关闭弹出层jquery特效示例

JS预览图像将本地图片显示到浏览器上

使用js实现雪花飘落效果

jQuery快速上手：写jQuery与直接写JS的区别详细解析

jquery弹出框的用法示例（一）

jquery弹出框的用法示例（2）

关于Jquery操作Cookie取值错误的解决方法