[JQUERY.pptVIP

JQUERY应用 内容提要 了解JQUERY JQUERY常用操作 熟练使用jQuery插件----jQuery Validation 什么是Jquery Jquery特点 提供了强大的功能函数 解决浏览器兼容问题 实现丰富的UI 纠正错误的脚本知识 等待自己发现…… JQuery提供的功能 JQuery主要提供如下功能： 访问页面框架的局部 修改页面表现（Presentation） 更改页面的内容 响应事件 为页面添加动画 与服务器异步交互 简化常用的JavaScript 的操作 jQuery核心函数 jQuery() $符号在jQuery中代表对jQuery对象的引用，jQuery是核心对象 jQuery—ready函数 $(document).ready(fn):当DOM载入就绪可以查询及操纵时绑定一个要执行的函数,这个方法纯粹是对向window.load事件注册事件的替代方法。通过使用这个方法，可以在DOM载入就绪能够读取并操纵时立即调用你所绑定 的函数. 例： jQuery基本选择器 #id:根据元素id选择 $(“#button1”)选择id为button1的元素 .class：根据元素的CSS类选择 $(“clsTable”）选择class为clsTable的元素 element：根据元素名称选择 $(“a”)选择所有a选素 *：选择所有元素 selector1, selector2, selectorN:可以将几个选择器用,分隔开然后再拼成一个选择器字符串.会同时选中这几个选择器匹配的内容. jQuery事件机制 事件是脚本编程的灵魂 ，jQuery事件的使用方式如下： 续上 使用jQuery事件处理函数的优点: 添加的是多播事件委托.? 也就是为click事件又添加一个方法, 不会覆盖对象的click事件原有的事件处理函数. 统一了事件名称.?? 可以将对象行为全部用脚本控制.? 让HTML代码部分只注意显示逻辑. 现在的趋势是将HTML的行为, 内容与样式切分干净. 其中用脚本控制元素行为, 用HTML标签控制元素内容, 用CSS控制元素样式. 使用jQuery事件处理函数可以避免在HTML标签上直接添加事件. JQuery 插件 jQuery Validation 是 一个强大的数据验证插件，该插件支持“validation rule” 即验证规则，规则将对表单内的输入控件进行控制或约束， JQuery Validation插件的核心函数validate() 规则有两种方式应用到表单输入框中 validate自带的默认验证规则： required: 必选字段,remote: 请修正该字段,email: 请输入正确格式的电子邮件,url: 请输入合法的网址,date: 请输入合法的日期,dateISO: 请输入合法的日期 (ISO).,number: 请输入合法的数字,digits: 只能输入整数,creditcard: 请输入合法的信用卡号,equalTo: 请再次输入相同的值,accept: 请输入拥有合法后缀名的字符串,maxlength: jQuery.format(请输入一个长度最多是 {0} 的字符串),minlength: jQuery.format(请输入一个长度最少是 {0} 的字符串),rangelength: jQuery.format(请输入一个长度介于 {0} 和 {1} 之间的字符串),range: jQuery.format(请输入一个介于 {0} 和 {1} 之间的值),max: jQuery.format(请输入一个最大为 {0} 的值),min: jQuery.format(请输入一个最小为 {0} 的值) 续上 第一种方式声明，在输入框中设置class属性使用： 第一步：引入jquery.validate.js 续上 第二种方式：使用脚本 validate ()的其他可选项 rules： 在validate函数里面声明Key/value 可自定义规则. Key是对象的名字 value是对象的规则. messages：更改默认的提示信息 ignore：忽略某些元素不验证 submitHandler：用其他方式替代默认的SUBMIT,比如用AJAX的方式提交 debug：进行调试模式 groups：定义一个组，把几个地方的出错信息放在一个地方，用errorPlacement控制把出错信息放在哪里 续上 例： 作业 在项目中加入jQuery验证 Evaluation only. Created with Aspose.Slides for .NET 3.5 Client Profile . Copy