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

ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList

2016年07月27日 11 阅读

先看界面代码：复制代码代码如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cellspacing="3"> <tr> <td> 请选择汽车类型： <...

JavaScript 5 新增 Array 方法实现介绍

2016年07月27日 5 阅读

复制代码代码如下: /*！ * jLip JavaScript Library v0.1 * * Copyright 2012, Lip2up （lip2up@qq.com） * Just for free use, NO LICENSE */ （function（） { function extend（target, props） { for （var m in props） { if （target[m] === undefined） target[...

详解强大的jQuery选择器之基本选择器、层次选择器

2016年07月27日 5 阅读

jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器（即选择器插件，参考上篇：jQuery插件原来如此简单——jQuery插件的机制及实战）。正是jQuery强大的选择器功能，让它很容易上手，吸引了大批的开发者，本文就来介绍一下强大的jQuery选择器。 jQuery选择器类型 jQuery选择器主要分为四类： 1、基...

jQuery之end（）和pushStack（）使用介绍

2016年07月27日 5 阅读

但在我们自己写jQuery代码的时候,却很少关注或使用过pushStack（）. 如果我们需要写个涉及DOM遍历的插件,它就会显得尤其有用. 在jQuery内部,pushStack（）方法通过改变一个jQuery对象的prevObject属性来"跟踪"链式调用中前一个方法返回的DOM结果集（被jQuery封装过,也是个jQuery对象,说是"跟踪",是因为实际存储的是个引用）. 当我们再链式调用end（）方法后, 内部就返回当前jQuery对象的prevO...

jQuery插件原来如此简单 jQuery插件的机制及实战

2016年07月27日 5 阅读

jQuery插件的种类 1、封装对象方法这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势，有相当一部分的jQuery的方法，都是在jQuery脚本库内部通过这种形式“插”在内核上的，例如parent（）方法，appendTo（）方法等。 2、封装全局函数可以将独立的函数加到jQuery命名空间下。如常用的jQuery.ajax（）方法、去首尾空格的j...

jquery 操作日期、星期、元素的追加的实现代码

2016年07月27日 11 阅读

复制代码代码如下: <script language="javascript" > $（document）.ready（function（）{ function show（）{ var mydate=new Date（）; var str = "" + mydate.getFullYear（） + "年"; str += （mydate.getMonth（） + 1） + "月"; str += mydate.getDate（） + "日&l...

jquery中的mouseleave和mouseout的区别模仿下拉框效果

2016年07月27日 6 阅读

1.不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。 2.只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。复制代码代码如下: <div class="sel_box"> <input type="button" value="请选择所属部门" id="sel_dept" /> <div class="hide" id="sel_dept_sh" style="display: ...

jqPlot 图表中文API使用文档及源码和在线示例

2016年07月27日 6 阅读

简介 jqplot是一款非常不错的基于jquery的图表插件，这篇文章主要帮助大家整理了jqplot的中文使用说明和在线示例及源码下载。jqplot插件在支持HTML5的浏览器上将会在canvas上呈现图表。引入脚本文件 jqplot需要1.4.3以上的jquery版本支持，刚才说过了，jqplot在支持HTML5 Canvas的浏览器上将以canvas呈现，否则，如果你在IE9以下版本的浏览器上则要引入excanvas.js文件，当然，jqplot的C...

基于jquery点击自以外任意处，关闭自身的代码

2016年07月27日 6 阅读

Html: 复制代码代码如下: <div class="down">click</div> <div class="con hide">show-area</div> CSS: 复制代码代码如下: .hide{display:none;} js: 复制代码代码如下: $（document）.ready（function（）{ $（"div.down"）.click（function（e）{ e.st...

了解jQuery技巧来提高你的代码（个人觉得那个jquery的手册很不错）

2016年07月27日 5 阅读

2.测试jQuery包装集是否包含某些元素如果你想测试一下某个jQuery包装集中是否包含某些元素，你首先可以尝试使用验证首个元素是否存在：复制代码代码如下: if（$（selector）[0]）{...} // 或者这样 if（$（selector）.length）{...} 来看看这个例子：复制代码代码如下: //例子.如果你的页面有以下html代码 <ul id="shopping_cart_items"> <li&...

用JQuery实现表格隔行变色和突出显示当前行的代码

2016年07月27日 5 阅读

复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>表格隔行...

通过jquery还原含有rowspan、colspan的table的实现方法

2016年07月27日 5 阅读

需求把含有rowspan、colspan的table还原。例如原table为：还原后的table为：代码原理对table进行遍历，如果td的rowspan属性值大于1，则给当前的td的父元素的兄弟元素添加td，如果td的colspan属性值大于1，则在当前的td元素后添加td 复制代码代码如下: //本文首发博客园:http://artwl.cnblogs.com（2012/02/08）jQuery.fn.RevertTable=...

基于jquery实现状态限定编辑的代码

2016年07月27日 5 阅读

页面表单初始情况如图，所有文本框都是不能编辑的复制代码代码如下: <！DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1...

情人节专属纯js脚本1k大小的3D玫瑰效果

2016年07月27日 6 阅读

前年圣诞节上，西班牙程序员Roman Cortes带来了用纯javascript脚本编写的神奇3D圣诞树，令人印象深刻。2月14日情人节就要来临了，还是Roman Cortes，这次他又带来了用javascript脚本编写的红色玫瑰花。用代码做出的玫瑰花，这才是牛逼程序员送给女友的最好情人节礼物呢！（提示：在不同浏览器下观看效果、速度会有很大的不同）图片是由代码生成，用户可以刷新该页面，重复观看这朵玫瑰的呈现过程。3D玫瑰花的实现代码如下：with（m=...

理解JavaScript的prototype属性

2016年07月27日 5 阅读

其实，关于prototype只要几句话就可以总结：任何原型都是对象，只有对象有原型只有Function有prototype属性，它是这个Function作为构造器时生成对象所继承的原型。Function的原型和它的prototype属性无关对象的原型可以通过非标准的属性 __proto__ 或ECMAScript5的方法 Object.getPrototypeOf（）访问。 1其实是错的，Object这个原型链尽头的对象它没有原型。可是为了更简单表...

jQuery.getScript加载同域JS的代码

2016年07月27日 7 阅读

解决方法，用以下方法加载js: 复制代码代码如下: var loadScript = function（url, callback, charset）{ var head = document.getElementsByTagName（"head"）[0]; var script = document.createElement（"script"）; if（charset）{ script.charset = charset; } script.src ...

情人节之礼 js项链效果

2016年07月27日 5 阅读

第一个项链实现原理将img的src属性设为同一张图片效果图：复制代码代码如下: <！DOCTYPE html> <html> <head> <title>项链</title> <style type="text/css"> *{margin: 0px;padding: 0px;} .cont{width: 1100px;overflow: hidden;margin: 0 auto...

Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试

2016年07月27日 8 阅读

接着在各个浏览器中测试，发现Firefox/Chrome/Safari中有，IE9/Opera没有。 $ 相当于 document.getElementById $$ 相当于 document.querySelectorAll 在chrome控制台敲$,$$一目了然这两个函数都是浏览器调试工具自带的。...

JavaScript/jQuery 表单美化插件小结

2016年07月27日 5 阅读

Niceforms Niceforms是一款独立的表单美化工具，当前版本为2.0 官方主页：http://www.emblematiq.com/lab/niceforms/ 官方演示：http://www.emblematiq.com/lab/niceforms/demo/niceforms.html GitHub：https://github.com/emblematiq/Niceforms 使用方法，在页面头部引入以下脚本及样式即可：复制代码代码如...

jQuery UI Autocomplete 体验分享

2016年07月27日 5 阅读

支持的数据源 jQuery UI Autocomplete主要支持字符串Array、JSON两种数据格式。普通的Array格式没有什么特殊的，如下：复制代码代码如下: ["cnblogs","博客园","囧月"]对于JSON格式的Array，则要求有：label、value属性，如下：复制代码代码如下: [{label: "博客园", value: "cnblogs"}, {label: "囧月", value: "囧月"}]其中label属性用...

首页 / 脚本样式 / JavaScript

ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList

JavaScript 5 新增 Array 方法实现介绍

详解强大的jQuery选择器之基本选择器、层次选择器

jQuery之end（）和pushStack（）使用介绍

jQuery插件原来如此简单 jQuery插件的机制及实战

jquery 操作日期、星期、元素的追加的实现代码

jquery中的mouseleave和mouseout的区别 模仿下拉框效果

jqPlot 图表中文API使用文档及源码和在线示例

基于jquery点击自以外任意处，关闭自身的代码

了解jQuery技巧来提高你的代码（个人觉得那个jquery的手册很不错）

用JQuery实现表格隔行变色和突出显示当前行的代码

通过jquery还原含有rowspan、colspan的table的实现方法

基于jquery实现状态限定编辑的代码

情人节专属 纯js脚本1k大小的3D玫瑰效果

理解JavaScript的prototype属性

jQuery.getScript加载同域JS的代码

情人节之礼 js项链效果

Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试

JavaScript/jQuery 表单美化插件小结

jQuery UI Autocomplete 体验分享

jquery中的mouseleave和mouseout的区别模仿下拉框效果

情人节专属纯js脚本1k大小的3D玫瑰效果