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字串。
比如,[,] 獲取資料為 jsondata[0].name
data=
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
後台頁面
<?php
$name=$_post['name'];
$mobile=$_post['mobile'];
$***=$_post['***'];
$time=time();
if($***==1)else
$time=date('y-m-d h:i:s',$time);
$info='恭喜你,'.$name.$***.'你在'.$time.'成為了我們的會員!';
$res=array(
"status"=>1,
"info"=>$info
);echo json_encode($res);
die();
?>
jQuery選擇器使用介紹
1.jquery選擇器可以快速地選擇元素,選擇規則和css樣式相同,使用length屬性判斷是否選擇成功。myid 選擇id為myid的網頁元素 myclass 選擇class為myclass的元素 li 選擇所有的li元素 ul1 li span 選擇id為為ul1元素下的所有li下的span元素...
jQuery標籤選擇器
標籤選擇器 屬性過濾器 類選擇器 cl type text click function json和dom的物件轉換 使用dom當時獲取元素 var bt 3 document.getelementbyid bt3 var jbt 3 bt 3 jbt 3.click function 從jquer...
css選擇器使用
css中選擇器的組合用法,一下用 ab cd 代表兩個類 1.祖先選擇使用 ab cd 兩個類之間是空格,代表擁有樣式 ab 的元素,他的所有後代元素有 cd 樣式的元素都將被選中 2.兒子選擇使用 ab cd 兩個類之間是大於號,代表擁有樣式 ab 的元素,他的所有兒子元素有 cd 的那些元素 3...