我的学习之路_第二十八章_JQuery 和validator插件
jQuery
利用jQuery进行遍历
js原生:
for(var i=0;i>?;i++){ }
jQuery:
方式一: 想要遍历的jQuery对象.each(function(index,dom){ });
方式二: $.each(想要遍历的jQuery对象,function(index,dom){ });
操作元素的值或者标签体
xxx():获取操作
xxx("值"):设置
获取或设置值: val();
获取或设置标签体: html()
获取或设置标签体: text()
html和text的区别在于前者会解析,后者不会
插入操作:
内部插入:
append() a.append(b) 将后者插入到前者的后面
prepend() a.prepend(b) 将后者者插入到前者的前面
appendTo() a.appendTo(b) 将前者插在后者的后面
prependTo() a.prependTo(b) 将前者插在后者的前面
外部插入:
after() a.after(c) 在a的后面添加c
before() a.before(c) 在a 的前面添加c
内部插入和外部插入的区别: 内部插入可以在元素的内部插入元素
外部插入在同级元素插入元素
清除操作:
empty();清除
remove();移除,自杀
select下拉选择框
属性:
multiple:值multiple规定可以多选
size:控制显示项目的数目
表单对象属性过滤选择器
:enabled 可用的
:disabled 不可用
:checked (针对的是radio checkbox)
:selected 下拉选择框
【validator插件】
这个插件是基于jQuery写的,所以在引入插件的时候也必须引入jQuery
使用:
1.首先引入jQuery库
2.引入validator的库
3.在页面加载成功之后指定你想要验证的表单
$(function(){
$("选择器").validate();
})
4.validator方法的使用
$("选择器").validate({
rules:{ } //规则
messages:{ } //提示
})
5.常见的规则
required: true|false (必须填写)
number: true|false (必须填写数值类型)
min: 5 (最小值:写的数字必须大于五)
max: 5 (最大值:写的数字不能大于五)
range:[min,max] (区间:写的数字只能在这个区间)
maxlength:
minlength:
rangelength:
equalTo:"选择器" (密码和确认密码,所以的元素必须和选择器中的一样)
digits:整数 (只能写整数)
email:email (邮箱验证)
6.规则的书写格式:
$("选择器").validate({
rules:{ //书写格式 }
messages:{ }
})
书写格式:方式一:
想要校验的字段的name属性名:"规则名"
方式二:
想要校验的字段的name属性名:{
"规则1":值,
"规则2":值
}
7.自定义错误提示信息
书写格式:
方式一:
想要校验的字段的name 属性名:"提示信息"
方式二:
想要校验的字段的name属性名:{
"规则1":"提示信息1",
"规则2":"提示信息2"
}
8.validate的自定义规则
$.validator.addMethod(name,fn,message);
name:规则名
fn:
function(value,element,params){
value:用户输入的值
element:元素本身
params:参数
}
//必须有返回值boolean
message:默认的提示信息
扩展内容
筛选:
children():获取子元素
parent():获取父元素
find():获取后代元素
next():大弟弟
nextall():所有弟弟
prev():小哥哥
prevall():所有的哥哥
siblings():所有的兄弟
is():判断是否是指定的元素