技术开发

JavaScript技术

前端开发必须知道的JS之闭包及应用

阅读(27) 作者(admin)

在前端开发必须知道的JS之原型和继承一文中说过下面写篇闭包,加之最近越来越发现需要加强我的闭包应用能力,所以此文不能再拖了。本文讲的是函数闭包,不涉及对象闭包(如用with实现)。如果你觉得我说的有偏差,欢迎拍砖,欢迎指...

JavaScript技术

前端开发必须知道的JS之原型和继承

阅读(20) 作者(admin)

一. 原型与构造函数   Js所有的函数都有一个prototype属性,这个属性引用了一个对象,即原型对象,也简称原型。这个函数包括构造函数和普通函数,我们讲的更多是构造函数的原型,但是也不能否定普通函数也有原型。譬如普通函...

JavaScript技术

jquery 取字符串中数字的正则

阅读(24) 作者(admin)

核心代码:复制代码 代码如下:var paddleft = $(".teacher-title").css("padding-left").replace(/[^0-9]/ig, ""); var num=parseInt(paddleft); 演示代码: jquery获取页面样式中的值 .teacher-title{padding-left...

jquery 3D球状导航的文章分类
JavaScript技术

jquery 3D球状导航的文章分类

阅读(18) 作者(admin)

前几天写了左边这个3D球状导航的文章分类,这里对实现细节做个简单记录。

效果: 分类标题呈现3D球状效果,点击分类标题的时候,会弹出这个分类对应的推荐文章列表。 效果截图:



HTML: 复制代码 代码如下: <div id="mainL...

JavaScript技术

Javascript Function对象扩展之延时执行函数

阅读(19) 作者(admin)

不就利用window对象的setTimeout方法吗?Bingo,一点没错!如果你在一个应用里面常常要“延时执行某某函数”,那末基于DRY的原则,可以针对Function全局对象进行扩展,为函数增加一个延时方法如delay,这样会让你的代码更简洁有...

JavaScript技术

jQuery选择没有colspan属性的td的代码

阅读(17) 作者(admin)

复制代码 代码如下:$("#tableName td:not([colspan])")

下面是一些补充资料:filter()和not(): <script type="text/javascript"> $(document).ready(function() { //输出 hello alert($("p").filter(".selected").ht...

jQuery基础知识filter()和find()实例说明
JavaScript技术

jQuery基础知识filter()和find()实例说明

阅读(22) 作者(admin)

首先 我们看.find()方法: 现在有一个页面,里面HTML代码为; 复制代码 代码如下: <div class="css"> <p class="rain">测试1</p> </div> <div class="rain"> <p>测试2</p> </div> 如果我们使用find()方法: var $find = $(...

JavaScript技术

jQuery中filter(),not(),split()使用方法

阅读(23) 作者(admin)

filter()和not(): 复制代码 代码如下: <script type="text/javascript"> $(document).ready(function() { //输出 hello alert($("p").filter(".selected").html()); //输出 How are you? alert($("p").not(".selecte...

JavaScript技术

JQuery从头学起第三讲

阅读(20) 作者(admin)

复制代码 代码如下: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="JQuery3.aspx.cs" Inherits="JQuery_1.JQuery3" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www...

JavaScript技术

一步一步制作jquery插件Tabs实现过程

阅读(21) 作者(admin)

tabs是现在网页应用最广的一种效果,jquery插件和非jquery插件也有不少,有一些朋友问我怎么用jquery.ui.tabs的ajax怎么只请求服务器一次原来我想其实很简单,看看官方的API就了解,不过我在回复这些朋友之前,用firebug查看了...

JavaScript技术

javascript对象小结

阅读(20) 作者(admin)

距离某天还有天 javascript对象 距离某天还有天 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]...

JavaScript技术

javascript淘宝评星简版

阅读(21) 作者(admin)

【程序源码】 这个效果主要体现在CSS和javascript的配合上 CSS代码 复制代码 代码如下: ul, li {margin: 0; padding: 0; border: 0;} .shop-rating { height: 25px; overflow: hidden; zoom: 1; padding: 2px 0; pos...

JavaScript技术

javascript操作cookie方法函数集合第1/2页

阅读(22) 作者(admin)

问题: 使得在访问页面的时候能够沿用上次的设置,或者在不同的页面间共享数据。比如用户在访问网站的时候设置了页面字体的大小,那么会希望下次访问的时候仍然能使用同样的设置进行浏览,而不用重复设置。 解决方案: 在用户...

JavaScript技术

jQuery EasyUI NumberBox(数字框)的用法

阅读(21) 作者(admin)

这里的options是选项,可以参考下表: 选项名类型描述默认值min数字文本框中可允许的最小值nullmax数字文本框中可允许的最大值nullprecision数字最高可精确到小数点后几位0 例如:金额输入框 最大值为“99999.99” 精确到...

JSON.parse 解析字符串出错的解决方法
JavaScript技术

JSON.parse 解析字符串出错的解决方法

阅读(23) 作者(admin)

经查,原来是json数据的格式要求非常严格,属性名称必须是用双引号“”括起来。

复制代码 代码如下: var a=JSON.parse('{"a":"aaaaa"}');//正确 var a=JSON.parse("{'a':'aaaaa'}");//错误...

JavaScript技术

IE8 chrome中table隔行换色解决办法

阅读(26) 作者(admin)

IE8以上的版本代码,只需要CSS即可 tr{ background-color:expression('#F8F8F8,#EFEFEF'.split(',')[rowIndex%2]); } IE8以下的版本代码,是需要CSS与JS共同完成的: 首先定义好两个CSS,代码如下: 复制代码 代码如下: .tr1{b...

js实时计算字数提醒的文本框
JavaScript技术

js实时计算字数提醒的文本框

阅读(23) 作者(admin)

自己想了一下应该是用JavaScript实现的,今天把它做出来了。原理很简单就是根据文本框触发的onkeyup事件来获得当前文本框字符的长度,然后文本框允许输入的最大字符数来减去当前的字符数,并用label控件显示出来就可以了。...

JavaScript技术

jquery multiSelect 多选下拉框

阅读(23) 作者(admin)

$("#id").multiSelect({ oneOrMoreSelected: '*',selectAll:false,noneSelected:'默认显示' }); Usage: $('#id').multiSelect( options, callback ) Options: selectAll - whether or not to display the Select All...

JavaScript技术

SWFObject 2.1以上版本语法介绍

阅读(25) 作者(admin)

不过先前的 调用方法着实有些繁琐,先实例化->添加参数、变量->写入,搞的跟把大象装冰箱里头一样麻烦。好在作者终于注意到这一点,在新的2.x版本中,其最简单的调用竟只需一句话,并且不需要等待页面加载完成,这意味着你可以将...

加载jQuery后$冲突的解决办法
JavaScript技术

加载jQuery后$冲突的解决办法

阅读(27) 作者(admin)

网站开发中的javasript部分,现在的开发人员很少有再去手工写document.getElementById()的了吧,那还不得累死,你还真别说,getElementById还真不好写,字母还挺多又区分大小写,一不留神就写错了。因此一下诸如用$来实现documen...

JavaScript技术

浅谈javascript的数据类型检测

阅读(17) 作者(admin)

一、javascript的数据 javascript的数据分为两种:简单数据和复杂数据。简单数据包含number,string,boolean,undefined和null这五种;复杂数据只有一种即object。【此处友情鸣谢李战老师,<<悟透JavaScript>>写得太传神,印象太...

jquery nth-child()选择器的简单应用
JavaScript技术

jquery nth-child()选择器的简单应用

阅读(45) 作者(admin)

通过网上咨询使用这个选择器便很容易的解决。特此记录一下。 下面是主要的代码 js脚本: 复制代码 代码如下: <script type="text/javascript"> $(document).ready( function () { //每隔五行给li加一个样式 $('.articl...