jQuery 技巧大全（新手入门篇）

2016年07月27日 7 阅读

一、简介1.1、概述随着WEB2.0及ajax思想在互联网上的快速发展传播，陆续出现了一些优秀的Js框架，其中比较著名的有Prototype、YUI、jQuery、mootools、Bindows以及国内的JSVM框架等，通过将这些JS框架应用到我们的项目中能够使程序员从设计和书写繁杂的JS应用中解脱出来，将关注点转向功能需求而非实现细节上，从而提高项目的开发速度。jQuery是继prototype之后的又一个优秀的Javascript框架。它是由 Joh...

JavaScript Date对象使用总结

2016年07月27日 8 阅读

//全局函数 Date //Date 类的静态方法 Date.parse Date.UTC //Date 对象的建立方法 new Date（） new Date（毫秒数） new Date（标准时间格式字符串） new Date（年, 月, 日, 时, 分, 秒, 毫秒） //Date 对象的更多方法 getFullYear （getUTCFullYear） getMonth （getUTCMonth） getDate （getUTCDate） getDa...

JS面向对象、prototype、call（）、apply（）

2016年07月27日 10 阅读

一、 起因 那天用到prototype.js于是打开看看，才看几行就满头雾水，原因是对js的面向对象不是很熟悉，于是百度+google了一把，最后终于算小有收获，写此纪念一下^_^。 prototype.js代码片段 复制代码 代码如下:var Class = { create: function（） { return function（） { this.initialize.apply（this , arguments）; } } } // Class使...

JavaScript 动态将数字金额转化为中文大写金额

2016年07月27日 9 阅读

复制代码 代码如下:function convertCurrency（currencyDigits） { // Constants: var MAXIMUM_NUMBER = 99999999999.99; // Predefine the radix characters and currency symbols for output: var CN_ZERO = "零"; var CN_ONE = "壹"; var CN_TWO = "贰"; var ...

JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数

2016年07月27日 17 阅读

JavaScript代码： 复制代码 代码如下:function counter（object）{ var limit = $（object）.attr（"maxlength"）; if（$（object）.next（".counter"）.val（）==undefined）{ $（object）.after（"<span class="counter"></span>/"+limit）; } $（object）.textlimit...

DOM下的节点属性和操作小结

2016年07月27日 8 阅读

属性： 1 .nodeName 节点名称，相当于tagName.属性节点返回属性名，文本节点返回#text。nodeName，是只读的。 2 .nodeType 值：1，元素节点；2，属性节点；3，文本节点。nodeType是只读的。 3 .nodeValue 返回一个字符串，指示这个节点的值。元素节点返回null，属性节点返回属性值，文本节点返回文本。nodeValue可读可写，这是对元素节点不能写。一般只用于设置文本节点的值。 4 .childNode...

childNodes.length与children.length的区别

2016年07月27日 8 阅读

因为childNodes包含的不仅仅只有html节点，所有属性，文本等都包含在childNodes里面,你可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才使元素节点，2是属性节点，3是文本节点。而children.length只计算节点的数量。包括进行节点长度的计算，节点的移动时都要注意这一点。要获得一个元素的文本，比如要获得一个P节点的文本，有的人喜欢使用innerHTML，更改也是一样，其实这不太好，因为使用innerH...

JavaScript设置FieldSet展开与收缩

2016年07月27日 9 阅读

JavaScript方法代码： 复制代码 代码如下:// 设置FieldSet高度方法，支持IE浏览器、Firefox // 参数1：pTableID，FieldSet内部div或table的id // 参数2：pFieldSetID，FieldSet的ID // 参数3：pImageID，图片的ID，展开或收缩后更新图片SRC function FieldSetVisual（ pTableID, pFieldSetID, pImageID ） { var...

javascript Prototype 对象扩展

2016年07月27日 8 阅读

Javascript当然也不例外，可是关于对象的引用问题，你考虑过么？通常的做法是一系列对象共享类的方法，而不是为每个对象复制一份函数。下面看看为每个对象复制一份函数的做法。复制代码 代码如下:var myobject=function（param1,param2） { this.name=param1; this.age=param2; this.showmsg=function（） { alert（"name:"+this.name+" "+"age:...

event.keyCode键码值表 附只能输入特定的字符串代码

2016年07月27日 7 阅读

复制代码 代码如下:<script language="javascript" type="text/javascript"> function onlyNum（） { if（！（event.keyCode==46）&&！（event.keyCode==8）&&！（event.keyCode==37）&&！（event.keyCode==39）&&！（event.keyCode==190）） if（！（（event.keyCode>=48...

js 图片缩放特效代码

2016年07月27日 7 阅读

图片特效 .lightbox{width:300px;background:#FFFFFF;border:1px solid #ccc;line-height:25px; top:5%; left:5%;} .lightbox dt{background:#f4f4f4;} var isIE = （document.all） ？ true : false; var isIE6 = isIE && （[/MSIE （d）.0/i.exec（na...

window.event.srcElement 得到事件源对象

2016年07月27日 8 阅读

一个好处就是 我想让body（或其他元素内）的某些对象响应事件 就不用挨个儿去写 只要在外层上写一个 然后检查event.srcElement.tagName或其他属性是不是你想要的来决定是否响应事件就可以了.不过好像event.srcElement在ff里不起作用 比如span div event对象指当前触发的事件对象, window.event.srcElement是指触发事件的对象。比如你设定document.onclick = myfunc...

JavaScript 下拉菜单实现代码

2016年07月27日 8 阅读

JavaScript下拉菜单 * { padding:0; margin:0; } body { font-family:verdana, sans-serif; font-size:small; } #navigation, #navigation li ul { list-style-type:none; } #navigation { margin:20px; } #navigation li { float:left; text-align...

用js获取元素属性的代码

2016年07月27日 6 阅读

获取元素属性 // [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

jQuery live

2016年07月27日 7 阅读

也能绑定自定义事件。目前支持 click, dblclick, mousedown, mouseup, mousemove, mouseover, mouseout, keydown, keypress, keyup。 还不支持 blur, focus, mouseenter, mouseleave, change, submit 与bind（）不同的是，live（）一次只能绑定一个事件。 这个方法跟传统的bind很像，区别在于用live来绑定事件会给所有...

jquery（1.3.2） 高亮选中图片边框

2016年07月27日 8 阅读

因为需要加载文件，建议刷新下 高亮选中图片边框 #mainboard img{ border:1px solid #cccccc; width:88px; height:31px; cursor:pointer; } $（function（）{ $（"#mainboard img"）.bind（"click",function（）{ $（this）.css（"border","1px solid red"）.siblings（）.css（"...

css+js下拉菜单

2016年07月27日 8 阅读

css菜单演示 产品介绍 产品一 产品一 产品一 产品一 产品一 产品一 服务介绍 服务二 服务二 服务二 服务二服务二 服务二服务二服务二 服务二 成功案例 案例三 案例 案例三案例三 案例三案例三案例三 关于我们 我们四 我们四 我们四 我们四111 在线演示 演示 演示 演示 演示演示演示 演示演示演示 演示演示 演示演示演示 演示演示演示演示演示 联系我们 联系联系联系联系联系 联系联系联系 联系 联...

javascript 贪吃蛇（详细注释版）

2016年07月27日 7 阅读

贪吃蛇 Snake v1.0 body{} table{ border-collapse: collapse; border:solid #333 1px; } td{ height: 10px; width: 10px; font-size: 0px; } .filled{ background-color:blue; } function $（id）{return document.getElementById（id）;} /** * ja...

Javascript 强制类型转换函数

2016年07月27日 10 阅读

1. Boolean（value）:把值转换成Boolean类型； 2. Nnumber（value）:把值转换成数字（整型或浮点数）； 3. String（value）:把值转换成字符串。 我们先来看Boolean（）：在要转换的值为“至少有一字符的字符串”、“非0的数字”或“对象”，那么Boolean（）将返回true，如果要转换的值为“空字符串”、“数字0”、“undefined”，“null”这些话，那么Boolean（）会返回false。你可以用...

js 进度条实现代码

2016年07月27日 10 阅读

进度条 body{ text-align:center; } .graph{ width:450px; border:1px solid #F8B3D0; height:25px; } #bar{ display:block; background:#FFE7F4; float:left; height:100%; text-align:center; } #barNum{ position:absolute; } function $（obj...