• jquery on事件jquery on实现绑定多个事件 日期:2015-04-11  点击:166  评论:0

    API上jquery on介绍 on(events,[selector],[data],fn) 概述 在选择元素上绑定一个或多个事件的事件处理函数。 on()方法绑定事件处理程序到当前选定的jQuery对象中的元素。在jQuery 1.7中,.on()方法 提供绑定事件处理程序所需的所有功能。帮助从旧的jQuery事...

  • 纯javascript通过样式类名获取元素 日期:2015-04-11  点击:138  评论:0

    习惯了jQuery选择的方便,偶而遇到纯javascript前端的时候才发现选择某样式的元素也变的不简单,网上查了下document.getElementsByClassName这个方法好象可以直接获取样式元素,ie6没有测试是否兼容,然后自己写了一个通过指定标签、样式获取元素的方法,记...

  • 自己理解的javascript静态方法和动态实例方法区别 日期:2015-04-11  点击:121  评论:0

    一直对javascript对象的概念不清楚,对象里面的什么静态方法、实例方法就更晕了。今天稍微有空再次看了一下关于javascript对象方面的知识,把自己理解的记录以下,主要是两种方法的区别。方便后面可能能用上。 静态方法和实例方法的声明形式不同 两种方法的...

  • jQuery获取屏幕高度和滚动条滚动高度的方法 日期:2015-04-11  点击:283  评论:0

    这几天在做一个jQuery网站侧边栏随动的效果,其中需要通过 jQuery获取屏幕高度 ,窗口高度和滚动条的滚动高度,以下是从网上收集的jQuery获取屏幕高度的代码 alert($(window).height()); //浏览器当前窗口可视区域高度alert($(document).height()); //浏览器...

  • 自学JavaScript推荐书籍从初级到中级再到高级 日期:2015-04-11  点击:248  评论:0

    WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才。本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解 JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循...

  • javascript使用数组的push方法完成快速排序 日期:2014-09-17  点击:158  评论:0

    排序的方法有很多,本节介绍的是使用数组的push方法完成快速排序 function quickSort(arr){ if(arr.length = 1) return arr;//判断是否有效数组 var cut = Math.floor(arr.length/2);//取中间下标 var left = [],right = []; var num = arr.splice(cut,1)[0]...

  • jquery实现类似淘宝星星评分功能有截图 日期:2014-09-16  点击:304  评论:0

    html bodydiv ulli☆/lili☆/lili☆/lili☆/lili☆/li/ul/divp /pp /p/body 显示即时分数 显示最终分数---------------------------------------------- javascript“ $(function () {//为所有的li标签绑定mouseout和mouseover事件。bind({事件名:function(...

  • 一个字符串反转函数可实现字符串倒序 日期:2014-09-16  点击:674  评论:0

    第一种方法: script type="text/javascript"var str="abcdeg";function demo(str){var str2="";for(var i=0;istr.length;i++){str2+=str.charAt(str.length-i-1);}document.write(str+"br /"+str2)}demo(str);/script 第二种方法: input type="textfield"...

  • 一个通过script自定义属性传递配置参数的方法 日期:2014-09-16  点击:55  评论:0

    刚刚开始正式的职业生涯,最近几天在给公司做统一的头部js,想到了一个通过script自定义属性传递配置参数的方法。 有时候我们编写了一个js插件,要使用该插件需要先在html中引入该插件Js,然后再添加一个script标签,在里面调用。如一个图片切换的插件。其代...

  • css与javascript跨浏览器兼容性总结 日期:2014-09-16  点击:83  评论:0

    本文以大量实例形式总结了css与javascript跨浏览器的兼容性问题。分享给大家供大家参考。具体总结如下: 一、CSS样式兼容性 1. FLOAT闭合(clearing float) 网页在某些浏览器上显示错位很多时候都是因为使用了float浮动而没有真正闭合,这也是div无法自适应...

  • JavaScript function 的 length 属性使用介绍 日期:2014-09-16  点击:44  评论:0

    [1,2,3]. length 可以得到 3 , "123" . length 也可以得到 3 ,这个略懂js的都知道。 但是 eval. length ,RegExp. length ,"".toString. length ,1..toString. length 会得到什么呢? 分别得到 1 , 2 , 0 , 1 ,这些数字代表什么呢? 其实函数的 leng...

  • avascript中的自执行匿名函数应用示例 日期:2014-09-16  点击:43  评论:0

    Javascript中的自执行匿名函数 格式: (function(){ //代码 })(); 解释:这是相当优雅的代码(如果你首次看见可能会一头雾水:)),包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数...

  • JavaScript的arguments对象应用示例 日期:2014-09-16  点击:39  评论:0

    arguments 对象 在函数代码中,使用特殊对象 arguments,开发者无需明确指出参数名,就能访问它们。 例如,在函数 sayHi() 中,第一个参数是 message。用 arguments[0] 也可以访问这个值,即第一个参数的值(第一个参数位于位置 0,第二个参数位于位置 1,依...

  • JavaScript中变量声明有var和没var的区别示例介绍 日期:2014-09-16  点击:75  评论:0

    本文来论述JavaScript中变量声明有var和没var的区别,关于Js中的变量声明的作用域是以函数为单位,所以我们经常见到避免全局变量污染的方法是 (function(){ // ... })(); 在函数内部,有var和没var声明的变量是不一样的。有var声明的是局部变量,没var的,声...

  • JavaScript的null和undefined区别示例介绍 日期:2014-09-16  点击:59  评论:0

    先说说undefined: Javascript中的变量是弱类型的, 所以声明变量的时候只需使用var关键字即可。如果是像C这样的强类型语言, 声明变量的时候如果没有指定初始值,那么会给他一个默认值,比如int变量的默认值是0。但是在Javascript这样的弱类型语言中,没有...

  • 一款由jquery实现的整屏切换特效 日期:2014-09-16  点击:103  评论:0

    今天要为大家带来一款由jquery实现的整屏切换特效,在右侧有圆型小标,每点一个切换一屏。当然,你也可以滚动鼠标来切换页面。效果非常好。我们看下效果吧 源码下载 html代码: div class="wrapper active-page4"div class="page page1"h2First page/h2/divd...

  • 当前流行的JavaScript代码风格指南 日期:2014-09-16  点击:61  评论:0

    JavaScript 没有一个权威的编码风格指南,取而代之的是一些流行的编码风格: 复制代码 代码如下: Google的JavaScript风格指南(以下简称Google) http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml NPM编码风格(以下简称NPM) https:...

  • jQuery源码分析之jQuery中的循环技巧详解 日期:2014-09-16  点击:42  评论:0

    jQuery的源码中有很多值得学习借鉴的技巧,本文即收集了jQuery中出现的各种遍历技巧和场景。具体分析如下: // 简单的for-in(事件) for ( type in events ) { } // 缓存length属性,避免每次都去查找length属性,稍微提升遍历速度 // 但是如果遍历HTMLColl...

  • JQuery 给元素绑定click事件多次执行的解决方法 日期:2014-09-16  点击:224  评论:0

    原绑定方法: $("#sdfsd").on("click",function(e){ ***** }); 这种方法只会在原click方法中继续添加新方法; 解决办法更改绑定方法为: $("#sdfsd").unbind("click").click(function(e){ ***** }); 在绑定新click方法前对元素所绑定的click方法解绑...

  • jQuery CSS()方法改变现有的CSS样式表 日期:2014-09-16  点击:42  评论:0

    使用CSS()方法改变现有的CSS样式表,css()方法在使用上具有多样性。其中有一种可接受两个输入参数:样式属性和样式值,两者之间用逗号分隔。比如要改变链接颜色,可以这样编写代码: $("#61dh a").css('color','#123456');//选择器‘$("#61dh a")'表示ID为‘...

  • JQuery实现当鼠标停留在某区域3秒后自动执行 日期:2014-09-16  点击:57  评论:0

    这篇文章主要介绍了JQuery实现当鼠标停留在某区域3秒后自动执行,可以应用于很多场景 !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"htmlheadscript type="text/javascript" src="http://code.jque...

  • JQuery拖动表头边框线调整表格列宽效果代码 日期:2014-09-16  点击:56  评论:0

    类似于桌面程序中的表格拖动表头的效果,当鼠标停留在表头边框线上时,鼠标会变成表示左右拖动的形状,接着拖动鼠标,会在表格中出现一条随鼠标移动的竖线,最后放开鼠标,表格列宽会被调整。最近比较空闲,便自己动手尝试实现,在此分享下小小的成果。 首先...

  • sogou地图API用法实例教程 日期:2014-09-16  点击:32  评论:0

    本文实例讲述了sogou地图API应用,是非常实用的技巧。分享给大家供大家参考。具体实现方法如下: 地图的初始化 1、添加引用地图的API文件: script src="http://xiazai.jb51.net/201409/other/api_v2.5.1.js" type="text/javascript"/script 2、网站初始化加...

  • 使用js dom和jquery分别实现简单增删改 日期:2014-09-16  点击:99  评论:0

    软件开发实际就是数据的增删改查,javascript前端开发也不例外。今天学了jquery框架的简单使用。于是用它实现简单的增删改,接着也用原始的javascript实现同样的功能,以便看出jquery的强大: 代码如下: !DOCTYPE htmlhtml xmlns="http://www.w3.org/1999/x...

  • jquery实现类似淘宝星星评分功能实例 日期:2014-09-16  点击:95  评论:0

    本文实例讲述了jquery实现类似淘宝星星评分功能的方法,分享给大家供大家参考之用。具体方法如下: html部分代码如下: body div ul li☆/li li☆/li li☆/li li☆/li li☆/li /ul /div p /p p /p/body 上述代码中: 显示即时分数 显示最终分数 javascript代...

  • js 数组去重的四种实用方法 日期:2014-09-16  点击:27  评论:0

    面试前端必须准备的一个问题:怎样去掉Javascript的Array的重复项。据我所知,百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单,但是其实暗藏杀机。 考的不仅仅是实现这个功能,更能看出你对计算机程序执行的深入理解。 我总共想出了三种算法...

  • 用JavaScript实现用一个DIV来包装文本元素节点 日期:2014-09-16  点击:26  评论:0

    当你的应用需要依赖某个特定的JavaScript类库时,你无意中总会试图解决某些类库自身的问题,而不是语言的问题。就比如当我试图将文本(可能也包含HTML元素)用一个DIV元素包起来时。假设有以下HTML: This is some text and a href=""a link/a 这时候如果想把它转...

  • 点击button获取text内容并改变样式的js实现 日期:2014-09-16  点击:183  评论:0

    需求:点击button获得input框中选中的内容,让选中的内容变红, 实现:代码如下 !DOCTYPE HTMLhtmlheadmeta http-equiv="content-type" content="text/html;charset=utf-8"titleTest/titlestyle type="text/css"div{display: none;}/style/headbodyinput typ...

  • JavaScript中判断原生函数检查function是否是原生代码 日期:2014-09-16  点击:42  评论:0

    我总是经常碰到需要检查某个function是否是原生代码的情况 —— 这是功能测试中一个很重要的内容: 函数是浏览器内置支持的,还是通过第三方类库模拟的。要检测这一点,最简单的办法当然是判断函数的 toString 方法返回的值啦。 JavaScript代码 判断函数是否是...

  • 使用JQuery库提供的扩展功能实现自定义方法 日期:2014-09-16  点击:21  评论:0

    JQuery包装器提供了大量的方法,可以再页面中直接使用。但是,没有任何一个库可以满足所有的需求,所以,JQuery库提供了丰富的扩展功能。以禁用一组表单元素为例,看看怎么简单有效的在JQuery库中添加自定义的功能扩展。(JQuery没有禁用表单元素的方法哦)...