`
谷超
  • 浏览: 165945 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JQuery介绍

阅读更多

JQuery javascript 的一个类库,能够完成很多 javascript 完成的工作,里面有 jQuery Core api ,还有很多插件如 jquery.validate.js (表单提交的校验), jquery.treeview.js (树形结构目录显示), pagination.js (分页显示)等很多功能强大,使用方便的插件。 jQuery 的宗旨是要 the write less,do more 本着这个原则来设计开发的,今天看了些 jQuery Core 的核心 API ,里面最重要的是有一个 jQuery 对象,类似于 DOM 中的 element 对象,得到 jQuery 的对象后就能够操作标签元素了,关键是如何定位、过滤得到这个 jQuery 对象,很多种方法,通过标签 id 、导航( form.username )、通过和其他 jQuery 对象的关系等。

 

jQuery 的表单校验,由于有表单校验的插件,插件中实现的一些校验,但是校验规则和校验失败后如何显示,要在页面中设置,其中有 2 个关键字: rules message rules 中写着要校验的标签,和标签中的校验项, message 中记录着校验失败后的提示语(当然一个标签可以有多个校验,就会有多个校验失败的提示语),还有一个重点是何时开始校验 ,有的是当 keyup 和表单提交的时候开始对标签进行校验,这个校验的触发事件没明确的看清楚,而不是我们通常写的表单提交要触发一个 js 函数,在该函数中对要校验的标签进行校验

 

jQuery Ajax 校验

使用的 ajax 是进行前后台的交互,即 ajax 的校验是前台给个 url ,这个 url 发送到后台,到数据库或其他地方进行校验后,把返回结果传送到前台的过程。同样,在 jQuery 中使用的 Ajax 校验也是这么个思路

 

具体的jQuery代码就不在这写了,大家可以到jQuery官方网站上去下载最新的jQuery脚本、API Document和一些其他的plugin,在这给大家上传一个jQuery表单校验的demo,希望对一些初学者能够有所帮助!

0
0
分享到:
评论

相关推荐

    jQuery介绍文档

    jQuery介绍文档,介绍的非常具体非常全面

    [HTML][jQuery] 01. jQuery介绍

    [HTML][jQuery]_01._jQuery介紹

    jquery介绍

    这是介绍jquery的基本使用 你可以看到一些基本使用方法

    Learning jQuery 1.3 | Jquery基础教程(第二版)

    ### 一、jQuery介绍 jQuery由John Resig于2006年创建,其核心理念是“Write Less, Do More”。jQuery通过封装复杂的JavaScript代码,使得DOM操作、事件处理、动画制作等任务变得简单易懂。jQuery的API设计简洁明了...

    jquery学习资料大全

    **jQuery介绍文档** 在压缩包中,可能包含了以下类型的文档: - **PDF文档**:通常会详细阐述jQuery的基本概念、选择器、事件、DOM操作、动画以及AJAX等核心内容,适合系统性学习。 - **教程**:可能包含一系列...

    jquery we ui 完整包(带demo)

    jQuery 介绍** jQuery 是一个高效、简洁且功能丰富的 JavaScript 库,它简化了 HTML 文档遍历、事件处理、动画以及 Ajax 操作。jQuery WeUI 结合了 jQuery 的优点,让开发者在处理DOM操作和交互时更加得心应手。 ...

    jquery-1.2-UnCompressed

    1. **jQuery介绍** jQuery是由John Resig在2006年创建的一个开源JavaScript库,旨在简化DOM操作、事件处理、动画制作以及Ajax交互。jQuery 1.2是该库的一个里程碑版本,它在前代基础上进行了许多优化和增强,使得...

    jquery右侧悬浮百分比能量球

    jQuery介绍 jQuery是一个轻量级的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。jQuery的API设计使得开发者能更高效地编写JavaScript代码,减少浏览器之间的兼容性问题。 ### 2. 右侧悬浮设计...

    JQuery技术入门介绍

    JQuery技术入门介绍 JQuery技术入门介绍

    jQuery学习资料与最新jQuery库

    1. **jQuery介绍**:解释了jQuery是什么,为何要在项目中使用jQuery,以及它如何简化JavaScript编程。 2. **安装和引入jQuery**:讲解如何在HTML文档中引入jQuery库,包括CDN链接和本地文件引用。 3. **选择器**:...

    Ajax_jQuery.ppt

    - **jQuery 介绍**:jQuery 是一个轻量级的库,它通过提供简洁的API来处理JavaScript中的常见任务,如DOM操作、事件绑定和Ajax请求。 - **jQuery 特点**:快速、简洁、跨浏览器兼容性,使得开发人员可以更高效地...

    JQuery官网Demo

    1. **jQuery介绍** jQuery是由John Resig在2006年创建的,它简化了JavaScript的DOM操作,AJAX交互,动画效果,以及事件处理。jQuery1.4是其历史上的一个重要版本,引入了许多新特性,提高了性能,并修复了一些已知...

    《锋利的jquery》实例源码

    jQuery介绍-->选择器-->DOM操作-->事件和动画-->Ajax应用-->插件-->完整DEMO 本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作...

    锋利的jQuery书中源代码

    jQuery介绍-->选择器-->DOM操作-->事件和动画-->Ajax应用-->插件-->完整DEMO 本书循序渐进的对jQuery的各种方法和使用进行介绍,读者可以系统的掌握jQuery关于DOM操作、事件监听和动画、表单操作、AJAX以及插件方面...

    jquery-1.6.2

    一、jQuery介绍 jQuery 的理念是“Write Less, Do More”,它通过简洁的语法提供了丰富的DOM操作、事件处理和动画功能。jQuery 1.6.2是该库的一个稳定版本,修复了一些已知问题,并对API进行了一些优化。 二、核心...

    50个jquery插件介绍

    "50个jQuery插件介绍"这篇文档很可能包含了对各种功能强大、用途广泛的jQuery插件的详细解读,帮助开发者提升网站的用户体验和功能实现。 首先,jQuery插件是jQuery库的扩展,由社区开发者创建,用于解决特定问题或...

    jQuery个人介绍幻灯片

    **jQuery个人介绍幻灯片** jQuery是一个广泛应用于Web开发的JavaScript库,它的出现极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。这个幻灯片将深入探讨jQuery的核心概念、主要功能以及如何在...

    jQuery基础视频教程

    jQuery介绍与安装 - **定义**:jQuery是一种轻量级的JavaScript库,简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。 - **安装方式**: - 通过CDN(内容分发网络)在项目中引入jQuery库。 - 直接下载...

Global site tag (gtag.js) - Google Analytics