jQuery - 函数遍历及validation插件使用(表单校验).

1.属性操作: val , text , html

val( ): 获取value属性的值.
val(…): 给value属性设置值.
 
text( ): 获取文本內容 , 如有标签 , 忽略不获取.
text(…):设置文本內容 , 如有标签 , 不进行解析 .
 
html( ): 获取html属性 , 如有标签 , 一并获取.
html(…):设置html属性 , 如果有标签 , 将进行解析.
 
注:
     获取都是获取第一个.
     设置是设置所有的.

2.函数遍历: each

方式1:
          $(“选择器”).each( function( index , ele ){
                    index: 正在被遍历的索引. 0开始.
                    ele == this: 正在被遍历的dom元素.
          });

 方式2:
       $.each($("选择器") , function(index,ele){
 
       });

3.文档操作:

内部插入:
       a.append(b):        将B插入到A内部后面.
       A.appendTo(B) :   将A插入到B内部后面
       A.prepend(B):       B插入到A内部前面.
       A.prependTo(B) :   A插入到B内部前面.
外部插入:
       a.after(b)                // a的后面插入b
       a.before(b)             // a的前面插入b
       b.insertAfter(b)       // a的后面插入b
       b.insertBefore(b)    // a的前面插入b
删除元素:
       remove      // 移除 .
       empty        // 清空

4.validation插件: 进行表单校验.

插件: 将封装好的一些js方法 ,解决某一个特定的应用. (表单) 导入:
       1.导入jquery库 ,
       2.导入validation库 ,
       3.国际化资源库(可导可不导)
 
使用前提:
       页面加载成功 - > 使用选择器选中校验的表单
       需要手动调用validate()方法!

$("选择器").validate({
			rules:{
   			    name属性值:规则名,
			    ...
            },
			messages:{
				name属性值:"提示信息",
				...
			}
});

5.自定义校验.

$.validater.addMethod( name , function( value , ele , params ) , msg );
name:规则名 唯一不重复
fn:
       function(value,ele,params){
              value:代表当校验开始执行的时候 输入框的值
              ele:代表当校验开始执行的时候 输入框对象
              params:你使用该自定义规则的时候 传规则参数
       }
       //编写校验规则
       //必须有一个bool返回值
msg:默认错误提示信息

01_省市联动案例:

	
		
		
	
	
	
	
		

			籍贯:
				
					-请选择-
					黑龙江
					吉林
					辽宁
					河南
				
				
					-请选择- 	
				
			

			
			
			
		
	

02_表单校验案例:

	
		
		
	
	
	
	
	
	
	
	
	
	
		

			

				

					
会员注册USER REGISTER
				
				

					
用户名:
					

				
				

					
密码:
					

				
				

					
确认密码:
					

				
				

					
Email:
					

				
				

					
姓名:
					

				
				

					
性别:
					

						 男
						女
						
					
				
				
				

					
出生日期
					

						

					
				
				

					
验证码