javascript中的new使用

2017年02月06日 24 阅读

所以javascript中没有类的概念。理解这一点很重要，很多javascript教程为了让读者更容易理解，会套用他们常用的类模式中的概念，这 样反而让大家产生歧义。 先进段代码， 复制代码 代码如下: function employee（）{ this.name=""; this.dept=""; } employee.prototype={ say:"hello" } var p = new employee（）; 这段代码，我们会经常用到，其中...

jquery checkbox,radio是否选中的判断代码

2017年02月06日 23 阅读

1：判断radio 复制代码 代码如下: var selected = $（"input[name=selectid:checked]"）.val（）;//若未被选中 则val（） = null if（selected == null）{ alert（"未选中！"）; }else{ alert（"选中！"）; } 2：判断checkbox 复制代码 代码如下: var n = $（"input:checked"）.length; if（n==0）{ al...

js 居中漂浮广告

2017年02月06日 21 阅读

程序源码 复制代码 代码如下: var floatAd = {}; floatAd.getScrollTop = function（node） { var doc = node ？ node.ownerDocument : document; return doc.documentElement.scrollTop || doc.body.scrollTop; }; floatAd.getScrollLeft = function（node） { var ...

javascript qq右下角滑出窗口 sheyMsg

2017年02月06日 24 阅读

（默认页面加载10秒后显示，显示30秒后自动隐藏，可自定义配置） 09-12-5： 修改图片文件，将几个背景放到一个图片文件里,并可切换两种样式风格 ，即qq的蓝色和红色 下载示例源码 复制代码 代码如下: /* *Author:sohighthesky *From:http://blog.csdn.net/sohighthesky *Date:2009-11-9 */ /* *box 指定要显示消息框或者其id *options:参见代码中setOpti...

jquery实现的元素的left增加N像素 鼠标移开会慢慢的移动到原来的位置

2017年02月06日 23 阅读

此控件是基于Jquery开发的，要引用Jquery框架 控件代码 复制代码 代码如下: $.fn.myNudge = function（） { var self = $（this）; self.css（{ position: "absolute" }）; //让这个元素绝对定位 var selfLeft = self.css（"left"）; var selfTop = self.css（"top"）; self.css（{ left: selfLeft,...

jquery 可拖拽的窗体控件实现代码

2017年02月06日 21 阅读

所以要引入JQUERY框架。 把我的这个控件代码放到一个js文件里面直接引入就可以了 控件代码 复制代码 代码如下: $.fn.myDrag = function（） { var self = $（this）; self.css（"position", "absolute"）; var p = self.position（）; self.css（{ left: p.left, top: p.top }）; self.mousedown（ function（...

锋利的jQuery 要点归纳（一） jQuery选择器

2017年02月06日 24 阅读

1 基本选择器$（#id） 根据给定的id匹配一个元素$（.class） 根据给定的类名匹配元素$（element） 根据给定的元素名匹配元素$（*） 匹配所有元素$（selector1,selector2,...,selectorN） 将每一个选择器匹配到的元素合并后一起返回2 层次选择器$（"ancestor descendant"） 选取ancestor元素里的所有descendant（后代）元素$（"parent > child"） 只选取p...

锋利的jQuery jQuery中的DOM操作

2017年02月06日 24 阅读

1 查找元素节点 var $x = $（"selector"）.text（）2 查找属性节点 var $x = $（"selector"）.attr（"property"）3 创建节点 var $x = $（"html"）4 插入节点$（"selector"）.append（） 向每个匹配的元素内部追加内容$（"selector"）.appendTo（） 等价于.append（）操作符左右互换$（"selector"）.prepend（） 向每个匹配的元素...

jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

2017年02月06日 23 阅读

复制代码 代码如下:<input value="请输入用户名" type="text"> <input value="请输入密码" type="text"> <input value="提交" type="submit"> <script> $（function（）{ //输入框中文字颜色控制 $（"input:not（:last）"）.css（"color","#999"）; }）; //用户名框鼠标焦点移...

简洁短小的 JavaScript IE 浏览器判定代码

2017年02月06日 23 阅读

这个目前世界上最短的 Javascript 判定 IE 浏览器的方法来自俄罗斯！它已经在各版本的 IE 以及目前其他流行的浏览器上经过测试，基于 IE 的 Bug，微软虽然已经意识到，但是从来没有纠正过。 复制代码 代码如下: <script type="text/javascript"> var ie = ！-[1,]; alert（ie）; </script> 以上代码运行结果：IE 下返回true，其他标准浏览器返回fals...

用js实现的自定义的对话框的实现代码

2017年02月06日 22 阅读

大家好，我们平时在使用Javascript的时候，经常会需要给用户提供一些反馈信息，完成这个功能有很多种方法。但在平时开发中午我们用的最多的可能就是alert这个函数了（这里只说一般情况，不排除个别高手～），使用这个函数确实很方便，可以很简单的向用户提供一些交互信息。不过它也有很多不足，比如他的外观很简 单，而且不可控制，再有它属于浏览器级别的函数，是由各个浏览器自己实现的，所以在不同的浏览器上面，它的界面都不太一样。如果是在以前，这种情况或许很容 易被大...

javascript 用原型继承来实现对象系统

2017年02月06日 23 阅读

javascript中,对象没有原型,而构造器有原型 原型的含义:如果构造器有一个原型对象 A,则由该构造器创建的实例都必然复制自A 复制代码 代码如下: /*申明2个构造器*/ var flower=function（）{ this.name="nokia"; } var flower2=function（）{ this.age=22; } /*原型链*/ flower2.prototype=new flower（）; /*根据刚才原型的定义,实例obj...

jQuery $.each的用法说明

2017年02月06日 21 阅读

复制代码 代码如下: var arr1 = [ "a", "b", "c", "d", "e" ]; $.each（arr1, function（）{ alert（this）; }）; 输出：a b c d e 复制代码 代码如下: var arr2 = [[1, 2, 3], [4, 5, 6], [7, 8, 9]] $.each（arr2, function（i, item）{ alert（item[0]）; }）; 输出：1 4 7 复制代码 ...

javascript 多浏览器 事件大全

2017年02月06日 21 阅读

一般事件 事件 浏览器支持 描述 onClick IE3|N2|O3 鼠标点击事件，多用在某个对象控制的范围内的鼠标点击 onDblClick IE4|N4|O 鼠标双击事件 onMouseDown IE4|N4|O 鼠标上的按钮被按下了 onMouseUp IE4|N4|O 鼠标按下后，松开时激发的事件 onMouseOver IE3|N2|O3 当鼠标移动到某对象范围的上方时触发的事件 onMouseMove IE4|N4|O 鼠标移动时触发的事件 o...

锋利的jQuery 要点归纳（二） jQuery中的DOM操作（下）

2017年02月06日 23 阅读

12 设置和获取HTML、文本和值 $（"selector"）.html（） 获取html代码 $（"selector"）.html（html） 设置html代码（替换标签中内容），html（）方法不可用于XML文档 $（"selector"）.text（） 获取纯文本内容 $（"selector"）.text（text） 设置文本内容（替换标签中内容），text（）方法可以用于XML文档 $（"selector"）.val（） 获取元素的值 $（"sel...

jQuery 位置函数offset,innerWidth,innerHeight,outerWidth,outerHeight,scrollTop,scrollLeft

2017年02月06日 21 阅读

复制代码 代码如下:<！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> <title>jQuery的位置函数（off...

Jquery Ajax学习实例7 Ajax所有过程事件分析示例

2017年02月06日 26 阅读

一、Ajax所有过程事件分析 JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件，一种是局部事件（Local），一种是全局事件（Global）。局部事件：可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件，则可以设置global:false。 全局事件：跟click等事件类似,可以绑定到到每一个DOM元素上。 这些事件的按照事件的触发顺序如下介绍： 局部事件（Local）全局事件（Global）ajaxStart...

jquery easyui的tabs使用时的问题

2017年02月06日 25 阅读

大家也可以在jquery easyui来下载，或者去官网下载和查看文档帮助。 我最近也使用了一下jquery easyui里tabs，但是发现一个问题：如果你把tabs的div开始设置为display:none，然后写个function change（）{$（"#tabs"）.css（"display","block"）}来让tabs显示，当执行change（）时，结果tabs显示不正常。本来应该显示为：结果显示为： 后来我不断尝试，发现如果tabs最初是...

jQuery 核心函数以及jQuery对象

2017年02月06日 24 阅读

一、jQuery 核心函数 首先介绍 jQuery 的几个核心函数，在 jQuery 中它们起着至关重要的作用，在实际的前端开发过程中用到最多的也是它们。 1、jQuery（elements） 将一个或多个DOM元素转化为jQuery对象。 这个函数也可以接收XML文档和Window对象（虽然它们不是DOM元素）作为有效的参数。 返回值：jQuery 对象 参数 elements: 用于封装成 jQuery 对象的 DOM 元...

锋利的jQuery 第三章章节总结的例子

2017年02月06日 23 阅读

复制代码 代码如下:<style> li{ float:left; list-style:none; padding:3px;} img{ border:#CCC 1px solid;} #tooltip{ display:none; border:#CCC 1px solid; position:absolute;} .img1{ display:block;} .div1{ padding:0px; margin:0px; backgrou...