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

JQuery弹出炫丽对话框的同时让背景变灰色

2016年07月27日 9 阅读

这段时间在做开发时，用到了JQuery弹出炫丽对话框，背景变灰色。特地和大家分享分享。先看效果图：代码如下：复制代码代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="js/jque...

jquery动态添加元素事件失效问题解决方法

2016年07月27日 11 阅读

今天在写JQUERY时遇到个问题：当使用脚本动态添加元素xxx时，但事件$（".x .y"）.click（function）...失效问题。刚开始网上找到了用live函数，方法如下：事件绑定：$（".x .y"）.click（function）需改为：复制代码代码如下: $（".x .y"）.live（"click",function）; 但是由于1.8版本后live这种方法不再支持，所以需要用下述jquery中on方法解决脚本动态添加元素： ...

JS实现距离上次刷新已过多少秒示例

2016年07月27日 9 阅读

复制代码代码如下: <！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...

js检测网络是否具体连接功能的代码

2016年07月27日 56 阅读

复制代码代码如下: var EventUtil = { addHandler: function （element, type, handler） { if （element.addEventListener） { element.addEventListener（type, handler, false）; } else if （element.attachEvent） { element.attachEvent（"on" + type, handle...

javascript为下拉列表动态添加数据项

2016年07月27日 9 阅读

javascript为下拉列表添加数据项.html 复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>为下拉列表动态添加数据项</tit...

js统计录入文本框中字符的个数并加以限制不超过多少

2016年07月27日 9 阅读

有些需求是为了更直观的体现用户在文本框输入文本时能看到自己输入了多少字，并且有些特殊的要求字数不超过多少，下面是实现：复制代码代码如下: <html> <head> <script src="jquery.js" type="text/javascript"></script> <script type="text/javascript"> function tjzs（）{ var count...

js动态修改整个页面样式达到换肤效果

2016年07月27日 10 阅读

jsPro1js动态修改整个html页面样式（换肤）.html 复制代码代码如下: <！DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>动态修改页面样式</t...

Jquery给基本控件的取值、赋值示例

2016年07月27日 9 阅读

TEXTBOX: var str =$（"#txt"）.val（）; $（"#txt"）.val（Value）; //文本框，文本区域： $（"#text_id"）.attr（"value",""）;//清空内容 $（"#text_id"）.attr（"value","test"）;//填充内容 LABLE: var str =$（"#lbl"）.text（）; $（"#lbl"）.text（Value）; /*获取单选按钮的值*/ var valradi...

jquery 中的each（）跳出循环的语句

2016年07月27日 9 阅读

continue可以使用return true break可以使用return false 1.在函数内部使用return false是跳出function; 2.在each的回调函数中使用return false,是跳出each循环; 3.可以使用break. 4.使用return true,相当于continue....

jQuery 获取兄弟元素的几种不错方法

2016年07月27日 9 阅读

获取指定元素的兄弟元素时，可以使用adjacent sibling combinator （+），其中+的两侧内容都是selector expression. 如果要获取下例中所有的 h1的直接兄弟元素h2 复制代码代码如下: <div> <h1>Main title</h1> <h2>Section title</h2> <p>Some content...</p> &...

jQuery 获取、设置HTML或TEXT内容的两种方法

2016年07月27日 12 阅读

jQuery提供了两个API可以直接用来为元素添加内容。 html（） text（）其中html（）是为指定的元素添加html内容 text（）是为指定的元素添加文本内容两者的区别在于，text中的内容是纯文本，不会被解析为html 如果要对如下html代码进行操作复制代码代码如下: <body> <p></p> </body> 使用html（）复制代码代码如下: $（"p"）.html（"&l...

jQuery 获取/设置/删除DOM元素的属性以a元素为例

2016年07月27日 10 阅读

jQuery的属性操作非常简单，下面以一个a元素来说明属性的获取／设置／删除操作复制代码代码如下: <body> <a>jquery.com</a> </body> 添加属性 $（"a"）.attr（"href", "http://www.jquery.com"）添加多个属性 $（"a"）.attr（{"href":"http://www.jquery.com", "title":"jquery.co...

jquery仿搜索自动联想功能代码

2016年07月27日 9 阅读

复制代码代码如下: <！DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title&...

jquery重复提交请求的原因浅析

2016年07月27日 11 阅读

一般来说有两个原因： 1、第一种是没有取消绑定，例如$（"#test"）.unbind（"click"）;$（"#test"）.click（function（）{....}）; 2、是因为在不同的页面多次引用同一个js文件，这样也有可能会造成重复提交请求。...

JQuery 控制内容长度超出规定长度显示省略号

2016年07月27日 9 阅读

长度超出规定长度，显示省略号设置class为displayPart，设置自定义属，displayLength可显示长度（不包含...），双字节字符，长度 *2，复制代码代码如下: <script type="text/javascript"> $.fn.extend（{ displayPart:function （） { var displayLength = 100; displayLength = this.attr（"displa...

ie 7/8不支持trim的属性的解决方案

2016年07月27日 10 阅读

在ie 7 8浏览器中，如果使用trim（）属性去除空格的话，则会导致报错。因此解决这个问题有如下方案： var aa = $（"#id"）.val（）.trim（） --- 在IE中无法解析trim（）方法解决办法：[ var aa = $.trim（$（"#id"）.val（））; ] 这个不好用，还是用下面介绍的吧，第一个已经过测试。W3C那帮人的脑袋被驴踢了,直到java script1.8.1才支持trim函数（与trimLeft,trimR...

用JavaScript实现一个代码简洁、逻辑不复杂的多级树

2016年07月27日 12 阅读

在网上找个很多的树实现，总感觉不尽如意，不是需要引用JS外部文件使用插件，就是代码过多让人看的眼花，实际上我只是想实现一个代码简洁、逻辑不复杂的树，费话不多说直接上代码： 1，首先写CSS样式，这个必需要写的头部最先渲染复制代码代码如下: <style> .ps{margin-left:10px;display:none;} .f { background: url（"add.gif"） no-repeat scroll -4px -21p...

jquery实现的一个文章自定义分段显示功能

2016年07月27日 9 阅读

这样的显示风格是不是很养眼啊？如果文章内容太多的话转换有点慢，希望大家能给我提出宝贵的意见。复制代码代码如下: <！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...

跟我学Nodejs（三）--- Node.js模块

2016年07月27日 10 阅读

简介及资料通过Node.js的官方API可以看到Node.js本身提供了很多核心模块 http://nodejs.org/api/ ，这些核心模块被编译成二进制文件，可以require（"模块名"）去获取；核心模块具有最高的加载优先级（有模块与核心模块同名时会体现）（本次主要说自定义模块） Node.js还有一类模块为文件模块，可以是JavaScript代码文件（.js作为文件后缀）、也可以是JSON格式文本文件（.json作为文件后缀）、还可以是编辑...

单元选择合并变色示例代码

2016年07月27日 9 阅读

周末为了解答一个问题，写了一堆代码，功能基本实现，但感觉结构太差了，没太多考虑。一点都不漂亮复制代码代码如下: <！DOCTYPE HTML> <HTML> <head> <TITLE>The document title</TITLE> <meta charset=utf-8> <script src="lib/jquery-1.8.1.min.js" type="text...

首页 / 脚本样式 / JavaScript

JQuery弹出炫丽对话框的同时让背景变灰色

jquery动态添加元素事件失效问题解决方法

JS实现距离上次刷新已过多少秒示例

js检测网络是否具体连接功能的代码

javascript为下拉列表动态添加数据项

js统计录入文本框中字符的个数并加以限制不超过多少

js动态修改整个页面样式达到换肤效果

Jquery给基本控件的取值、赋值示例

jquery 中的each（）跳出循环的语句

jQuery 获取兄弟元素的几种不错方法

jQuery 获取、设置HTML或TEXT内容的两种方法

jQuery 获取/设置/删除DOM元素的属性以a元素为例

jquery仿搜索自动联想功能代码

jquery重复提交请求的原因浅析

JQuery 控制内容长度超出规定长度显示省略号

ie 7/8不支持trim的属性的解决方案

用JavaScript实现一个代码简洁、逻辑不复杂的多级树

jquery实现的一个文章自定义分段显示功能

跟我学Nodejs（三）--- Node.js模块

单元选择合并变色示例代码