首页 相关文章 学习jQuery之旅--jQuery的经典实例应用

学习jQuery之旅--jQuery的经典实例应用

jQuery是一个强大的Javascript类库,里面封装好了很多现有的方法和属性。可以使开发人员用很少的代码更好更快的开发出自己想实现的效果。
在平时的开发中,我们可能经常会用到jQuery。这里总结了一些经典的实例应用。分享给大家。

jQuery=轻松实现表单验证:

在我们的开发中,常会有注册或是添加信息的时候,难免的我们就会需要对表单进行验证。jQuery对此作出了很好的支持。
jQuery代码

[ 查看全文 ]

2016-02-19 标签:
  • 标签:Web开发
    一、下载 官方网址是http://jquery.com/ 官方下载地址:http://docs.jquery.com/Downloading_jQuery 里边有当前版本和历史版本的下载,可以下载下来部署在自己的服务器上 上面也有Google\Microsoft\jQuery的CDN(Content Delivery Network)地址,由于目前jQuery的广泛使用,选择CDN地址可以充分利用缓存和这些互联网大佬们的带宽和服务器资源。 官网上下载有两种版本Compressed(Minified version)和Uncompr...[ 查看全文 ]
  • 标签:Web开发
    程序代码 window.onload = function(){ ... } . 访问HTML文档的元素,必须先载入文档对象模型(DOM)。当window.onload函数执行的时候,说明所有东西已经载入,包括图像和横幅等等。要知道较大的图片下载速度会比较慢,因此用户必须等待大图片下载完毕才能看到window.onload()执行的代码效果,这样就花费了很长的等待时间,这不是我们想要的。 对于此,jquery提供了一个"ready"事件,你可以使用以下的代码片...[ 查看全文 ]
  • 标签:Web开发
    jquery基本信息 jquery的官方网站: www.jquery.com jquery解释: jquery是javascript的类库,提供了大量的javascript的类库和API,方便javascript开发。 jquery API中文参考手册: http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html 前台数据提交到后台demo: 实例图: 功能点: 1.使用$("#UserName")获取id为UserName的jquery对象。 2.使用j...[ 查看全文 ]
  • 标签:Web开发
    script src=/jslib/jquery/jquery-latest.pack.js/script  p height=1001学习jquery/p spanval()可以取值;val(s)可以赋值/spanbr/ divinput type="text" id="mm" value="mm"button  id=get取值/button button  id=put赋值/button /div button id=an展开/button div id=test  /divbr span/spanbr/ SCRIPT LANGUAGE="Jav...[ 查看全文 ]
  • 标签:Web开发
    中文版译者:Keel 此文以实例为基础一步步说明了jQuery的工作方式。现以中文翻译(添加我的补充说明)如下。如有相关意见或建议请麻烦到我的 BLOG 写个回复或者 EMAIL 告知。 英文原版:http://jquery.bassistance.de/jquery-getting-started.html ,感谢原文作者 Jörn Zaefferer 本文发布已征求[ 查看全文 ]
  • 标签:Web开发
    说来满惭愧的,到今天才接触到jquery,实在是有点晚,不过既然接触到了这么好的东东,就一定要好好挖掘一下。 先来共享几个jquery的资源站 Plugins - jQuery JavaScript Library(这里有不少的jquery插件) http://jquery.com/这儿就是jquery的老家了 Visual jQuery 1.0 (Automated)jquery的说明文档 15 Days Of jQuery15天学会jquery(其实不用这么长时间...[ 查看全文 ]
  • 标签:Web开发
    使用 jQuery 写 JavaScript 脚本就像是用 Delphi 写 Windows 程序一样, 它不是更强大, 只是更易用. 计划先全面浏览、测试一遍 jQuery 的语法, 同时洞察其逻辑与思想; 最后尝试在 Delphi 中使用 jQuery, 估计要比使用 MSHTML.pas 方便得多. 官方站点: http://jquery.com/ 中文文档: http://jquery-api-zh-cn.googlecode.com/ 下载地址: http://docs.jquery.com/Downloading_jQuery jQuery 库就是一个 js 文...[ 查看全文 ]
  • 标签:Web开发
    一. 先对jQuery制作方式,jQuery为开发扩展提拱了两个方法,分别是: jQuery.extend(object); 为扩展jQuery类本身.为类添加新的方法。 jQuery.fn.extend(object);给jQuery对象添加方法。 1.1、jQuery.fn.extend(object): 可以参靠jquery参考手册的连个例子: 代码如下: $.fn.extend({ check: function() { return this.each(function() { this.checked = true; }); }, uncheck: function() { re...[ 查看全文 ]
  • 标签:Web开发
    Ajax篇 XMLDocument和XMLHttpRequest对象 第一:创建XMLHttpRequest请求对象 代码如下: function getXMLHttpRequest() { var xRequest=null; if(window.XMLHttpRequest) { xRequest=new XMLHttpRequest(); }else if(typeof ActiveXObject != "undefined"){ xRequest=new ActiveXObject("Microsoft.XMLHTTP"); } return xRequest; } 或者: 代码如下: var request=null; function cre...[ 查看全文 ]
  • 标签:Web开发
    一、AjaxSample.aspx 处理业务数据,产生XML数据,供JqueryRequest.aspx调用,代码如下: 代码如下: protected void Page_Load(object sender, EventArgs e) { string uid = Request.QueryString["username"]; string pwd = Request.QueryString["password"]; Response.ContentType = "application/xml"; Response.Charset = "utf-8"; Response.Write("?xml version='1.0' encoding='utf-8'...[ 查看全文 ]
  • 标签:Web开发
    一、Ajax所有过程事件分析 JQuery在执行Ajax的过程中会触发很多事件。 这些事件可以分为两种事件,一种是局部事件(Local),一种是全局事件(Global)。 局部事件:可以通过$.ajax来调用,你某一个Ajax请求不希望产生全局的事件,则可以设置global:false。 全局事件:跟click等事件类似,可以绑定到到每一个DOM元素上。 这些事件的按照事件的触发顺序如下介绍: 局部事件(Local)全局事件(Globa...[ 查看全文 ]
  • 标签:Web开发
    一、WebService.asmx: 处理业务数据,在GetDataSet()方法中产生DataSet(XML)数据,供JqueryRequest.aspx调用,代码如下: 代码如下: [WebMethod] public DataSet GetDataSet() { DataSet ds = new DataSet(); DataTable dt = new DataTable(); dt.Columns.Add("Name", Type.GetType("System.String")); dt.Columns.Add("Password", Type.GetType("System.String")); DataRow dr = dt.New...[ 查看全文 ]
  • 标签:Web开发
    算是翻译吧,原文:http://15daysofjquery.com/style-sheet-switcheroo/12/ 可以应用的范围很广,尤其是用标准构架的网站,比如说pjblog就可以,只要通过简单的点击,就可以让网站在瞬间换个皮肤,当然可以通过其他方法实现,这里通过jquery来实现,优点是代码简洁,可读性强 首先放上代码 代码如下: $(document).ready(function() {         $('.styleswitch'...[ 查看全文 ]
  • 标签:Web开发
    打包下载 一,首先,制作jQuery插件需要一个闭包 代码如下: (function ($) { //code in here })(jQuery); 这是来自jQuery官方的插件开发规范要求,使用这种编写方式有什么好处呢? a) 避免全局依赖。 b) 避免第三方破坏。 c) 兼容jQuery操作符'$'和'jQuery ' 二,有了闭包,在其中加入插件的骨架 代码如下: $.fn.dBox = function (options) { var defaults = { //各种属性及其默认...[ 查看全文 ]
  • 标签:Web开发
    1. var count = $("ul[@pid = '5']").length ; if (count == 0) ; return "没有";return "有"; //判断页面的UL上有没有PID等于5的,一般来说不要用ELSE 2. this.mainUl.find("li").mouseover(function(i) { }); //寻找UI里面的所有UI,绑定回调匿名函数 3.this.mainUl.parent().find("ul").each(function() { }); //循环父节点的所有UI,执行回调匿名函数 4.//取得下拉选单的选取值 $(#tes...[ 查看全文 ]
  • 标签:Web开发
    LinkButton 使用说明 使用到的头文件:easyui.css、icon.css、jquery-1.4.2.min.js、jquery.easyui.min.js 代码如下: a href="#" icon="icon-search"easyui/a JQuery代码 代码如下: $('#btn').linkbutton(options); 特性说明 名称 类型 描述 默认值 disabledboolean启用、禁用按钮falseplainboolean是否启用样式false 查看演示 官方文档 MenuButton MenuButton包括链接按钮跟...[ 查看全文 ]
  • 标签:Web开发
    唔,这个主题挂的时间也够长的了,也该换换了,到时候找找看有没有合胃口的主题。 话说,最近有点偏向 PHP 去了,我发现贪多嚼不烂,所以就又回到主题咯,(*^__^*) 嘻嘻。 1. Jquery 库的调用: 呵呵,相信很多童鞋早就会了,不过还是得提一下,忘记就杯具咯。 第一个是常用的 Google 托管处的 jQuery 库地址。 而第二个则是 jQuery 官方网站的库地址,随时获取最新版,嘿嘿。 代码如下: ...[ 查看全文 ]
  • 标签:Web开发
    一、AjaxJson.aspx 处理业务数据,产生JSon数据,供JqueryRequest.aspx调用,代码如下: 代码如下: protected void Page_Load(object sender, EventArgs e) { string u = Request["UserName"]; string p = Request["Password"]; string output = string.Format("'UserName':'{0}','Password':'{1}'", u, p); Response.Write("[{"); Response.Write(output); Response.Write("}]"); Respons...[ 查看全文 ]
  • 标签:Web开发
    一、WebService.asmx 处理业务数据,在GetWhether方法中产生天气情况数据,供JqueryRequest.aspx调用,代码如下: 代码如下: [System.Web.Script.Services.ScriptService] public class WebService : System.Web.Services.WebService { public WebService () { //如果使用设计的组件,请取消注释以下行 //InitializeComponent(); } [WebMethod] public string GetWhether(string cityId) { ...[ 查看全文 ]
  • 标签:Web开发
    打包下载 想着自己学习Javascript,以及Ajax、jQuery等已经有一段时间了,不过貌似还没有写过一个插件,看到jQuery官网上那么多令人眼前一亮的插件,自己今天也动心说是不是能够写一个类似的插件来瞧瞧,了解了jQuery插件的基本格式,理一下基本的思路,动工吧。。。 这个DivAlert插件,顾名思义就是页面弹出框,也就相当于Winform里面MessageBox.Show()那样的东西。 首先,我们来定义一下一些最...[ 查看全文 ]
手机页面 收藏网站 回到头部