面向对象的Javascript之三（封装和信息隐藏）

2016年07月27日 5 阅读

同时，我们知道在面向对象的高级语言中，创建包含私有成员的对象是最基本的特性之一，提供属性和方法对私有成员进行访问来隐藏内部的细节。虽然JS也是面向对象的，但没有内部机制可以直接表明一个成员是公有还是私有的。还是那句话，依靠JS的语言灵活性，我们可以创建公共、私有和特权成员，信息隐藏是我们要实现的目标，而封装是我们实现这个目标的方法。我们还是从一个示例来说明：创建一个类来存储图书数据，并实现可以在网页中显示这些数据。 1. 最简单的是完全暴露对象。使用构造函...

JavaScript初学者应注意的七个细节小结

2016年07月27日 5 阅读

每种语言都有它特别的地方，对于JavaScript来说，使用var就可以声明任意类型的变量，这门脚本语言看起来很简单，然而想要写出优雅的代码却是需要不断积累经验的。本文利列举了JavaScript初学者应该注意的七个细节，与大家分享。 （1）简化代码 JavaScript定义对象和数组非常简单，我们想要创建一个对象，一般是这样写的： 复制代码 代码如下: var car = new Object（）; car.colour = "red"; car.whe...

JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码

2016年07月27日 5 阅读

一、判断文本是否为空 复制代码 代码如下: var jqObj = $（this）; if（jqObj.text（）.trim（））{ //trim（）方法是去空格，$.trim（）函数删除提供字符串的所有换行符,空格（包括非中断空格），开始和结束tab。如果这些空白字符在字符串中间发生时，它们将被保留。 jqObj.hide（）; } 二、判断这个标签下是否有某个已知的元素，比如判断ul标签下是否有li元素 复制代码 代码如下: var jqObj =...

8款非常棒的响应式jQuery 幻灯片插件推荐

2016年07月27日 5 阅读

这篇文章收集了8款优秀的响应式 jQuery 幻灯片插件，它们能够非常容易的集成到 Web 项目中。响应式（Responsive）设计的目标是要让产品界面能够响应用户的行为，根据不同终端设备自动调整尺寸，带给用户良好的使用体验。FlexsliderFlexSlider 是一款非常棒的响应式 jQuery 幻灯片插件，能够自适应屏幕尺寸，呈现漂亮的外观。BlueberryBlueberry 是一款开源的 jQuery 图片幻灯片插件，适用于流体、响应式网页布...

jQuery数组处理代码详解（含实例演示）

2016年07月27日 5 阅读

演示所用数组复制代码 代码如下:var _mozi=["墨家","墨子","墨翟","兼爱非攻","尚同尚贤"]; 1. $.each遍历示例[常用]复制代码 代码如下:$.each（_mozi,function（key,val）{ //回调函数有两个参数,第一个是元素索引,第二个为当前值 alert（"_mozi数组中 ,索引 : "+key+" 对应的值为: "+val）; }）; 2. $.grep（）过滤数组[常用]复制代码 代码如下:$.grep...

jquery插件制作简单示例说明

2016年07月27日 5 阅读

一、先从一个简单的实例，不需要带参数的一个方法开始 复制代码 代码如下: //创建一个匿名函数 （function（$）{ //给jQuery附加一个新的方法（详细见备注1） $.fn.extend（{ //插件的名字 MyFirstName: function（） { //迭代当前匹配元素集合 return this.each（function（） { var obj = $（this）; //自己的代码 }）; } }）; ）（jQuery）; 备注...

jquery插件开发方法（初学者）

2016年07月27日 5 阅读

jQuery为开发插件提拱了两个方法，分别是： jQuery.fn.extend（object）; jQuery.extend（object）; jQuery.extend（object）; 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend（object）;给jQuery对象添加方法。 fn 是什么东西呢。查看jQuery代码，就不难发现。 复制代码 代码如下: jQuery.fn = jQuery.prototype = {...

jQuery.extend 函数详解

2016年07月27日 5 阅读

JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型，在此，我们一起去了解了解。 一、Jquery的扩展方法原型是: 复制代码 代码如下: extend（dest,src1,src2,src3...）; 它的含义是将src1,src2,src3...合并到dest中,返回值为合并后的dest,由此可以看出该方法合并后，是修改了dest的结构的。如果想要得到合并的结果却又不想修...

jQuery表单验证插件formValidator（改进版）

2016年07月27日 5 阅读

枚举对象的使用： 复制代码 代码如下: //各种验证方式支持的标签类型 sustainType: function （elem, setting） { var srcTag = elem.tagName; var stype = elem.type; switch （setting.validatetype） { case _validTypeEnum.InitValidator: return true; case _validTypeEnum.Inpu...

ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值

2016年07月27日 7 阅读

界面代码： 复制代码 代码如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 400px; height: 80px;"> <p> 选择颜色：</p> <asp:DropDownList ID="ddlColor" runat="server"> <asp:ListIt...

ASP.NET jQuery 实例8 （动态添加内容到DropDownList）

2016年07月27日 13 阅读

首先准备好页面代码： 复制代码 代码如下: <form id="form1" runat="server"> <div align="left"> <fieldset style="width: 350px; height: 150px"> <p> 选择颜色</p> <table cellpadding="0" cellspacing="0" border="0"> <tr>...

ASP.NET jQuery 实例9通过控件hyperlink实现返回顶部效果

2016年07月27日 6 阅读

要实现该效果，首先要先了解以下几点基础知识： 窗体滚动事件：$（window）.scroll（function（）{...}）; 获取窗体滚动距离：$（window）.scrollTop（）; 获取窗体高度：$（window）.height（）; 了解以上内容就可以实现通过hyperlink控件实现返回顶部的效果了。 1.准备界面结构代码： 复制代码 代码如下: <form id="form1" runat="server"> <div&...

ASP.NET jQuery 实例10 动态修改hyperlink的URL值

2016年07月27日 6 阅读

1.先准备界面代码： 复制代码 代码如下: <form id="form1" runat="server"> <div align="left"> <fieldset style="width: 300px; height: 200px;"> <table cellpadding="0" cellspacing="0" border="0"> <tr> <td style="width: 1...

ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能

2016年07月27日 5 阅读

简单来说，jQuery validation插件就是来校验表单form里面元素输入的内容是否满足业务规则，如果不满足，可以给出用户自定义的提示信息。该插件不仅默认有一些校验规则，如校验内容是否为空，内容的长度是否符合给定的值，还可以根据用户自定义业务规则，而且错误提示信息，也可以根据用户的要求自定义显示。看来这个插件的功能确实很强大，是不是迫不及待想使用了。好的，那我们就开始简介如何使用它。 jQuery validation 插件下载地址：http://...

ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能

2016年07月27日 6 阅读

页面样式代码： 复制代码 代码如下: <style type="text/css"> .header { background-color: #CCCCCC; color: White; font-size: x-large; } .content { background-color: White; font-weight: lighter; font-size: small; } .content td { text-align: left...

ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter

2016年07月27日 6 阅读

•可限制最大输入字符长度 •可设置字符截取速度 •可自定义提示信息文本样式（可以改进自定义文本内容） 该插件统计英文字符和中文的长度是一样的。 废话少说，这里直接奉上详细插件代码，具体实现细节已经在代码里面有注释： 复制代码 代码如下: ; （function （$） { $.fn.extend（{ textAreaCount: function （options） { var $textArea = this; opt...

ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围

2016年07月27日 5 阅读

下载地址：http://jqueryui.com/download，Theme选择Sunny 界面代码： 复制代码 代码如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 400px; height: 150px"> <table border="0" cellpadding="3" cellspacin...

ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList

2016年07月27日 7 阅读

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

ASP.NET jQuery 实例16 通过控件CustomValidator验证RadioButtonList

2016年07月27日 7 阅读

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

ASP.NET jQuery 实例17 通过使用jQuery validation插件校验ListBox

2016年07月27日 6 阅读

这里我们举例校验ListBox两个规则： •校验必选项 •选择范围在0~4项 界面代码： 复制代码 代码如下: <form id="form1" runat="server"> <div align="center"> <fieldset style="width: 350px; height: 200px;"> <table border="0" cellpadding="3" cells...