AJAX_jQuery课件.pptVIP

JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ CSS-DOM 操作 获取和设置元素的样式属性: css() 获取和设置元素透明度: opacity 属性 注:IE6,IE7不支持此属性,请使用Firefox1.5,或Opera9浏览 opacity:0.1 获取和设置元素高度, 宽度: height(), width(). 在设置值时, 若只传递数字, 则默认单位是 px. 如需要使用其他单位则需传递一个字符串, 例如 $(“p:first”).height(“2em”); 获取元素在当前视窗中的相对位移: offset(). 其返回对象包含了两个属性: top, left. 该方法只对可见元素有效 em是相对长度单位。相对于当前对象内文本的字体尺寸 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jQuery 中的事件 -- 加载 DOM 在页面加载完毕后, 浏览器会通过 JavaScript 为 DOM 元素添加事件. 在常规的 JavaScript 代码中, 通常使用 window.onload 方法, 在 jQuery 中使用$(document).ready() 方法. 可以用$(window).load(function(){}) $().ready(); * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 练习7 crm项目中的权限控制 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery表单验证 下载地址和Demo http://jquery.bassistance.de/validate/jquery.validate.zip 首页： http://bassistance.de/jquery-plugins/jquery-plugin-validation/ jQuery validation 1.7 ---验证插件 需要:jQuery 1.3.2 或 1.4.2版本 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery表单验证 默认值校验规则 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery表单验证 默认的提示 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery表单验证 调用jquery.validate({});方法进行验证 $(#empForm).validate({ * //自定义验证规则 * //自定义提示信息 }) * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery自定义验证规则 自定义验证规则 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery自定义消息 自定义消息 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery自定义校验规则 自定义校验规则可以通过自定义检验函数的方式新增加校验规则 步骤如下：? 1. 在定义校验规则之前定义一个新的方法? 2. 在rules中指定某个域使用此校验规则? 3. 在messages中指定这个域使用此校验规则没有通过的提示 信息 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery自定义校验规则 1. 在定义校验规则之前定义一个新的方法 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery自定义校验规则 2. 在rules中指定这个某个域使用此校验规则? * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ jquery自定义校验规则 ? 3. 在messages中指定这个域使用此校验规则没有通过的提示信息 * JKAHKGJDHKGHAKGHSJKHLJKHGJLSHJKLGHJBJGVBJVJ 让 Aptana 提示 jQuery * * * 注意: 1. $(#one + div) 选择 id 为 one 的下一个 div 元素, 必须是近邻的! 2. $(“#two ~ div”) 选择 id 为 two 的元素 后面 的所有 div 兄弟元素 *