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

jQuery制作简洁的多级联动Select下拉框

2017年02月06日 13 阅读

今天我们要来分享一款很实用的jQuery插件，它是一个基于jQuery多级联动的省市地区Select下拉框，并且值得一提的是，这款联动下拉框是经过自定义美化过的，外观比浏览器自带的要漂亮许多。另外，这个Select下拉框也可以绑定下拉事件，并获取当前选中项的值。html代码：复制代码代码如下:<div class="wrap"> <div class="nice-select" name="nice-select"> <in...

JavaScript调试工具汇总

2017年02月06日 12 阅读

现在的JavaScript事实上已然成为了流行的web语言，即使它并不完美。很多程序员不喜欢用JavaScript写代码，是因为写到后来总会出现各种莫名其妙的bug，而且在开发大型应用程序的过程中很容易犯错。而且鉴于当今此类工具的现状，要想在浏览器上做JavaScript调试也不是那么方便。下面这几个基于桌面和WEB的JavaScript调试工具，能让你更高效地调试JavaScript代码，这样就可以：更有效地处理动态类型使应用程序更符合编码标准 F...

基于JQuery制作可编辑的表格特效

2017年02月06日 13 阅读

最近做了个项目，其中项目要求：点击表格后可直接编辑，回车或鼠标点击页面其他地方后编辑生效，按Esc可取消编辑2个小伙伴给出了2中解决方案，大家来看看哪种更合适呢？第一种单击表格可以编辑的方法复制代码代码如下://相当于在页面中的 body标签加上onload事件$（function（） { //找到所有的td节点 var tds = $（"td"）; //给所有的td添加点击事件 tds.click（function（） { //获得当前点击的对象 va...

jQuery类选择器用法实例

2017年02月06日 12 阅读

本文实例讲述了jQuery类选择器用法。分享给大家供大家参考。具体分析如下：类选择的器匹配具有指定类名的所有元素。例子:复制代码代码如下:$（".mydiv"）以上代码选取类名为mydiv的所有元素。注意:在mydiv前面有一点（.）。实例代码:复制代码代码如下:<！DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author"...

使用javascript获取页面名称

2017年02月06日 13 阅读

代码很简单，就不多废话了，奉上代码：复制代码代码如下:// 取当前页面名称（不带后缀名）function getPageName1（）{ var a = location.href; var b = a.split（"/"）; var c = b.slice（b.length-1, b.length）.toString（）.split（"."）; return c.slice（0, 1）;}//取当前页面名称（带后缀名）function getPageN...

jQuery的css（）方法用法实例

2017年02月06日 12 阅读

本文实例讲述了jQuery的css（）方法用法。分享给大家供大家参考。具体分析如下：此方法返回或设置匹配元素的一个或多个样式属性。语法结构:语法一:取得指定样式属性的属性值。以样式属性名称作为参数。例如:复制代码代码如下:$（"div"）.css（"color"）以上代码能够获取div的字体颜色值。代码实例:复制代码代码如下:<！DOCTYPE html><html><head><meta charset="u...

创建、调用JavaScript对象的方法集锦

2017年02月06日 13 阅读

今天在做项目时，遇到了需要创建JavaScript对象的情况。所以Bing了一篇老外写的关于3种创建JavaScript对象的文章，看后跟着打了一遍代码。感觉方法挺好的，在这里与大家分享一下。一、利用函数创建对象:复制代码代码如下://定义对象function Animal（type）{ this.name=""; this.type=type; this.introduction=function（）{ return "我的名字是： "+this.n...

jQuery中hide（）方法用法实例

2017年02月06日 12 阅读

本文实例讲述了jQuery中hide（）方法用法。分享给大家供大家参考。具体分析如下：此方法可以将匹配元素隐藏。hide（）方法的用法:此方法如果没有对隐藏效果加以时间限定，那么匹配元素会被瞬间隐藏。例如：复制代码代码如下:$（"div"）.hide（）以上代码可以将所有div元素瞬间隐藏。如果方法对隐藏效果加以时间限定，那么匹配元素将会在限定的事件内以比较优雅的形式隐藏。例如：复制代码代码如下:$（"div"）.hide（2000）以上代码可以将所有...

常用的jQuery前端技巧收集

2017年02月06日 12 阅读

调试时巧用console.log（）,这比用alert（）方便多了。jquery易错点：元素拼接的时候，元素还未添加到DOM，就用该预添加元素操作。ajax动态获取的数据，还没有装载html元素，下面就开始用预拼凑的元素操作。复制代码代码如下:<li onclick="Show（"10"）"> <a href="javascript:void（）">提交</a></li>这样写，点击“提交”的时候，会报错“...

使用javascript实现Iframe自适应高度

2017年02月06日 12 阅读

方法一：复制代码代码如下:$（window.parent.document）.find（"#ContentIframe"）.load（function（） { var main = $（window.parent.document）.find（"#ContentIframe"）; var thisheight = $（document）.height（）; if （thisheight < 800） thisheight = 800; main.h...

使用jquery动态加载js文件的方法

2017年02月06日 12 阅读

方法很简单，这里就不多废话了，直接奉上代码：复制代码代码如下:$.extend（{ includePath: "", include: function（file） { var files = typeof file == "string" ? [file]:file; for （var i = 0; i < files.length; i++） { var name = files[i].replace（/^s|s$/g, ""）; va...

node.js开机自启动脚本文件

2017年02月06日 12 阅读

复制代码代码如下:#！/bin/bash### BEGIN INIT INFO# Provides: xiyoulib# Required-Start: $all# Required-Stop: $all# Default-Start: 2 3 4 5# Default-Stop: 0 1 6# Short-Description: Start daemon at boot time# Description: Enable service provid...

jQuery中slideUp（）方法用法分析

2017年02月06日 12 阅读

本文实例讲述了jQuery中slideUp（）方法用法。分享给大家供大家参考。具体分析如下：此方法通过高度变化（向上减小）来动态地隐藏所有匹配的元素，并且隐藏完成后还可以地触发一个回调函数。slideUp（）方法只调整元素的高度，可以使匹配的元素以“滑动“方式隐藏起来。一.语法结构:此方法可以规定动画效果持续时间，如果没有规定时间则使用默认值normal。例如:复制代码代码如下:$（"div"）.slideUp（5000）以上代码可以设置动画效果在500...

javascript使用prototype完成单继承

2017年02月06日 12 阅读

1.使用prototype完成单继承.复制代码代码如下://定义一个A类function A（）{}//为A类动态调用属性color,与方法sayColorA.prototype.color = "blue";A.prototype.sayColor = function（）{alert（this.color）;};//创建了一个B类function B（）{}//让B继承自AB.prototype=new A（）; //new出A的对象赋值给B的原型，...

创建js对象和js类的方法汇总

2017年02月06日 12 阅读

代码很简单，就不多废话了。复制代码代码如下://第一种定义方式var person=new Object（）; //创建了一个对象.person.name="tom"; //使用person对象对调用name属性，它的值为tomalert（person.name）; //显示name属性值person.say=function（）{ //对person对象添加了一个say函数。alert（"person say"）;};person.say（）;复制代码...

jQuery中fadeOut（）方法用法实例

2017年02月06日 12 阅读

本文实例讲述了jQuery中fadeOut（）方法用法。分享给大家供大家参考。具体分析如下：此方法通过不透明度的变化来实现所有匹配元素的淡出效果，并在动画完成后可选地触发一个回调函数。fadeOut（）方法的用法:此方法可以规定动画效果的持续时间。例如:复制代码代码如下:$（"div"）.fadeOut（5000）以上代码规定div的淡出效果可在5000毫秒（5秒）内完成。此方法也可以在动画完成后触发一个回调函数。例如:复制代码代码如下:$（"div"...

jQuery中animate（）方法用法实例

2017年02月06日 12 阅读

本文实例讲述了jQuery中animate（）方法用法。分享给大家供大家参考。具体分析如下：此方法用于创建自定义动画，并且能够规定动画执行时长、擦除效果。动画完成后还可以地触发一个回调函数。animate（）方法的使用:方式一:以“属性名/值”对象的方式定义动画终止样式属性。例如: 复制代码代码如下:$（"div"）.animate（ {width:"1000px"}）以上代码能够将div从原有的宽度调整到1000px。也可以一次性使用多组“属性名/值”...

jQuery中width（）方法用法实例

2017年02月06日 12 阅读

本文实例讲述了jQuery中width（）方法用法。分享给大家供大家参考。具体分析如下：此方法可以获取或者设置匹配元素的宽度值，默认单位是px。语法结构一:复制代码代码如下:$（selector）.width（）不带参数的时候是返回第一个匹配元素的当前宽度。实例代码:复制代码代码如下:<！DOCTYPE html><html><head><meta charset=" utf-8"><meta na...

jQuery中height（）方法用法实例

2017年02月06日 12 阅读

本文实例讲述了jQuery中height（）方法用法。分享给大家供大家参考。具体分析如下：此方法可以获取或者设置匹配元素的高度值，默认单位是px。语法结构一:复制代码代码如下:$（selector）.height（）不带参数的时候是返回第一个匹配元素的当前高度。实例代码:复制代码代码如下:<！DOCTYPE html><html><head><meta charset="utf-8"><meta n...

Javascript 运动中Offset的bug解决方案

2017年02月06日 12 阅读

我们先来看看这个bug 是怎么产生的。复制代码代码如下:<style type="text/css"> #div1 { width: 200px; height: 200px; background: red; } </style>复制代码代码如下:<body> <div id="div1"> </div> </body>以下是用来测试的Javascript代码，目的是让d...

首页 / 脚本样式 / JavaScript

jQuery制作简洁的多级联动Select下拉框

JavaScript调试工具汇总

基于JQuery制作可编辑的表格特效

jQuery类选择器用法实例

使用javascript获取页面名称

jQuery的css（）方法用法实例

创建、调用JavaScript对象的方法集锦

jQuery中hide（）方法用法实例

常用的jQuery前端技巧收集

使用javascript实现Iframe自适应高度

使用jquery动态加载js文件的方法

node.js开机自启动脚本文件

jQuery中slideUp（）方法用法分析

javascript使用prototype完成单继承

创建js对象和js类的方法汇总

jQuery中fadeOut（）方法用法实例

jQuery中animate（）方法用法实例

jQuery中width（）方法用法实例

jQuery中height（）方法用法实例

Javascript 运动中Offset的bug解决方案