jQuery(下)-课堂笔记

来源:互联网 发布:数据可视化怎么做 编辑:程序博客网 时间:2024/05/21 11:30

一、dom操作
(一)创建标签
document.createElement(“option”)
$(“”);
(二)插入标签
假如:A和B是jQuery标签对象
1. A.append(B) 把B插入到A内部最后
2. A.prepend(B) 把B插入到A内部最前
3. A.before(B) 把B插入到A的前边
4. A.after(B) 把B插入到A的后边

反向插入
1. A.appendTo(B)
2. A.prependTo(B)
3. A.insertBefore(B)
4. A.insertAfter(B)
(三)删除标签
jQuery对象.remove();
jQuery对象.empty();
二、事件
(一)常见事件
单击 onclick click(function)
双击 ondblclick dblclick(function)
加载完成 onload 特殊:(function())onsubmitsubmit(function)onchangechange(function)onmouseovermouseover(function)onmouseoutmouseout(function)onmousemovemousemove(function)onmousedownmousedownonmouseupmouseuponkeydownkeydownonkeyupkeyuponfocusfocusonblurbluronscrollscroll()jQuery.click(function()//);()1hover()hover1)hover(1,2)122)hover()使2unbind()unbind()jQuery1)jQuery.unbind()(“#btn”).unbind(“click”);
2) jQuery对象.unbind(); 解绑全部事件
三、循环遍历
(一)原始循环遍历方式
(二)jQuery对象的each方法
(三)jQuery框架的全局each方法
四、表单校验插件(重点)
(一)需要引入的文件
1. jQuery类库
2. 表单校验插件本身的js文件
(二)基本校验语法
表单jQuery对象. validate({
rules:{
表单项的name:{
校验规则名称:规则值,

校验规则名称:规则值
}
},
messages:{
表单项的name:{
校验规则名称:”提示信息”,

校验规则名称:”提示信息”
}
}
});
(三)自定义错误信息显示的位置

(四)自定义校验规则
$.validator.addMethod(“规则的名称”,function(value, element, params){
//value: 要校验的值
//element:要校验的表单项标签对象
//params: 应用这项规则时,配置的规则的值

//返回true表示校验通过,返回false表示校验不通过

},”默认提示信息”);
五、文档筛选