我的学习之路_第二十八章_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():判断是否是指定的元素