jQuery標籤選擇器使用

2021-07-25 16:55:38 字數 2658 閱讀 5387

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...