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

2017年02月06日 20 阅读

界面代码： 复制代码 代码如下: <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）

2017年02月06日 21 阅读

首先准备好页面代码： 复制代码 代码如下: <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实现返回顶部效果

2017年02月06日 21 阅读

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

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

2017年02月06日 22 阅读

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插件简单实现用户登录页面验证功能

2017年02月06日 20 阅读

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

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

2017年02月06日 19 阅读

页面样式代码： 复制代码 代码如下: <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

2017年02月06日 21 阅读

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

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

2017年02月06日 22 阅读

下载地址：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

2017年02月06日 22 阅读

首先看下界面代码： 复制代码 代码如下: <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

2017年02月06日 24 阅读

界面代码： 复制代码 代码如下: <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

2017年02月06日 23 阅读

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

ASP.NET jQuery 实例18 通过使用jQuery validation插件校验DropDownList

2017年02月06日 20 阅读

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

JavaScript 5 新增 Array 方法实现介绍

2017年02月06日 20 阅读

复制代码 代码如下: /*！ * jLip JavaScript Library v0.1 * * Copyright 2012, Lip2up （lip2up@qq.com） * Just for free use, NO LICENSE */ （function（） { function extend（target, props） { for （var m in props） { if （target[m] === undefined） target[...

详解强大的jQuery选择器之基本选择器、层次选择器

2017年02月06日 20 阅读

jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器，以及jQuery独创的高级而复杂的选择器。另外还可以加入插件使其支持XPath选择器，甚至开发者可以编写属于自己的选择器（即选择器插件，参考上篇：jQuery插件原来如此简单——jQuery插件的机制及实战）。正是jQuery强大的选择器功能，让它很容易上手，吸引了大批的开发者，本文就来介绍一下强大的jQuery选择器。 jQuery选择器类型 jQuery选择器主要分为四类： 1、基...

jQuery之end（）和pushStack（）使用介绍

2017年02月06日 21 阅读

但在我们自己写jQuery代码的时候,却很少关注或使用过pushStack（）. 如果我们需要写个涉及DOM遍历的插件,它就会显得尤其有用. 在jQuery内部,pushStack（）方法通过改变一个jQuery对象的prevObject属性来"跟踪"链式调用中前一个方法返回的DOM结果集（被jQuery封装过,也是个jQuery对象,说是"跟踪",是因为实际存储的是个引用）. 当我们再链式调用end（）方法后, 内部就返回当前jQuery对象的prevO...

jQuery插件原来如此简单 jQuery插件的机制及实战

2017年02月06日 22 阅读

jQuery插件的种类 1、封装对象方法 这种插件是将对象方法封装起来，用于对通过选择器获取的jQuery对象进行操作，是最常见的一种插件。此类插件可以发挥出jQuery选择器的强大优势，有相当一部分的jQuery的方法，都是在jQuery脚本库内部通过这种形式“插”在内核上的，例如parent（）方法，appendTo（）方法等。 2、封装全局函数 可以将独立的函数加到jQuery命名空间下。如常用的jQuery.ajax（）方法、去首尾空格的j...

jquery 操作日期、星期、元素的追加的实现代码

2017年02月06日 21 阅读

复制代码 代码如下: <script language="javascript" > $（document）.ready（function（）{ function show（）{ var mydate=new Date（）; var str = "" + mydate.getFullYear（） + "年"; str += （mydate.getMonth（） + 1） + "月"; str += mydate.getDate（） + "日&l...

jquery中的mouseleave和mouseout的区别 模仿下拉框效果

2017年02月06日 21 阅读

1.不论鼠标指针离开被选元素还是任何子元素，都会触发 mouseout 事件。 2.只有在鼠标指针离开被选元素时，才会触发 mouseleave 事件。 复制代码 代码如下: <div class="sel_box"> <input type="button" value="请选择所属部门" id="sel_dept" /> <div class="hide" id="sel_dept_sh" style="display: ...

jqPlot 图表中文API使用文档及源码和在线示例

2017年02月06日 21 阅读

简介 jqplot是一款非常不错的基于jquery的图表插件，这篇文章主要帮助大家整理了jqplot的中文使用说明和在线示例及源码下载。jqplot插件在支持HTML5的浏览器上将会在canvas上呈现图表。 引入脚本文件 jqplot需要1.4.3以上的jquery版本支持，刚才说过了，jqplot在支持HTML5 Canvas的浏览器上将以canvas呈现，否则，如果你在IE9以下版本的浏览器上则要引入excanvas.js文件，当然，jqplot的C...

基于jquery点击自以外任意处，关闭自身的代码

2017年02月06日 18 阅读

Html: 复制代码 代码如下: <div class="down">click</div> <div class="con hide">show-area</div> CSS: 复制代码 代码如下: .hide{display:none;} js: 复制代码 代码如下: $（document）.ready（function（）{ $（"div.down"）.click（function（e）{ e.st...