jQuery标签选择器使用

1.jQuery获取表单的全部数据。

       jQuery序列化表单数据 可以使用serialize()和 serializeArray()。

它们的区别如下：

(1).serialize()方法

　　 格式：var data= $("form").serialize();

　　 功能：将表单内容序列化成一个字符串。

这样在ajax提交表单数据时，就不用一一列举出每一个参数。只需将data参数设置为$("form").serialize() 即可。

        data="username=kidd&mobile=12312312312"

(2).serializeArray()方法

　　 格式：varjsonData = $("form").serializeArray();

　　 功能：将页面表单序列化成一个JSON结构的对象。注意不是JSON字符串。

比如，[{"name":"lihui","age":"20"},{...}] 获取数据为 jsonData[0].name

       data={"username":"kidd","mobile":"12312312312"}

2.jQuery获取表单指定name或者class或者id的数据值。

       姓名

       手机

//获取姓名的数据
$('#username').val();                      //id选择器
$('.username').val();                      //class选择器
$('[name="username"]').val();              //属性选择器
$('input:eq(0)').val();                    //过滤选择器
$('input:first').val();                    //过滤选择器
$(':text:eq(0)').val();                    //表单选择器
$(':text:first').val();                    //表单选择器 

 

//获取手机的数据
$('#mobile').val();                      //id选择器
$('.mobile').val();                      //class选择器
$('[name="mobile"]').val();              //属性选择器
$('input:eq(1)').val();                  //过滤选择器
$('input:last').val();                   //过滤选择器
$(':text:eq(1)').val();                  //表单选择器
$(':text:last').val();                   //表单选择器 

3.jQuery如何修改表单指定name,class,id的值。

       修改表单元素的值，$(选择器).val(newdata);

//修改姓名
$('#username').val(newdata);                      //id选择器
$('.username').val(newdata);                      //class选择器
$('[name="username"]').val(newdata);              //属性选择器
//修改电话
$('#mobile').val(newdata);                        //id选择器
$('.mobile').val(newdata);                        //class选择器
$('[name="mobile"]').val(newdata);                //属性选择器

4.jQuery如何找到父元素下指定class的子元素。

              
                     姓名
                     
                           
              
              
                     手机
                     
                           
              

想要获取到regist下面的姓名中input的值可以使用后代选择器或者查找函数。

后代选择器：alert($('.registdiv:eq(0) [name="name"]').val());

find函数：  alert($('.regist').find('[name="name"]').val());     

练习demo

	
	
	
	


	

		

			

				姓名
				
					
			
			

				密码
				
					
			
			

				确认密码
				
					
			
			

				性别
				男女
					
			
			

				
			
					
		
	
	

后台页面

1,
			"info"=>$info
		);
	echo json_encode($res);
	die();
?>