jquery選擇器取值和url正則匹配

2022-05-06 06:48:11 字數 2884 閱讀 3399

用到的簡單jquery知識,簡單總結一下,一是能加深自己的記憶,二是方便自己以後檢視。常言道"好記性不如爛筆頭",要養成常總結、常記錄的好習慣。慢慢的發現jquery很有意思,很強大。我要學的還很多很多啊。

1、獲取name="push_type"的input的radio的選項的值

var push_type = $('[name="push_type"]:checked').val();

2、獲取id="new_add_table0"的div下面input的name是以info_title開頭的值

var title0=$("#new_add_table0").find("input[name^='info_title']").val();

3、獲取id="new_add_table0"的div下面textarea的name是以info_content開頭的值

var info0=$("#new_add_table0").find("textarea[name^='info_content']").val();

4、獲取id="new_add_table0"的div下面select的name是以info_type開頭的值

var info_type0 = $("#new_add_table0").find("select[name^='info_type']").val();

5、js計算填寫內容字元個數的函式

function

strlen(str)

else

} return

len;

}

6、js正則判斷url

if

(web_url)

}else

7、js比較開始時間和結束時間的大小函式  

//

將字串轉換為日期

var begin=new date($("#fromdate").val().replace(/-/g,"/"));

var end=new date($("#todate").val().replace(/-/g,"/"));

//js判斷日期

if(begin-end>0)

8、如果乙個生成的頁面中有許多以"new_add_table"開頭的div,例如new_add_table0,new_add_table1,new_add_table2...等,每乙個div下面都有input的值,如果要取到值可以用jquery的each函式例如下面的

var odds =0;

$("#new_add_table div[id^='new_add_table']").each(function()//

每乙個id以new_add_table開頭的div遍歷

});

//最終可以得到odds的和

9、js的each中的return false相當於php 中的break跳出迴圈 然後向下執行。如果each中如果有return false就終止執行可以這樣來寫

//

多條標題、內容等

var istrue = true; //

首先定義變數istrue為true;

$("#new_add_table div[id^='new_add_table']").each(function()

//網頁鏈結位址

var web_url=$(this).find("input[name^='page_link']").val();

if(web_url)

}else

});if(!istrue)

10、刪除頁面中的乙個div或者其他

$("#push_table").remove(); //直接可以刪除頁面元素

11、jquery修改元素顯示屬性

$('#pic_package').css("display",""); //設定id為pic_package不顯示

$('#pic_package').attr("value",'');   //設定id為pic_package的值為空

$("#pic_package").attr(); // 之前的樣式是 style:width:600px; display:none 去掉display:none

12、獲取當前元素最近的乙個父級的div的id

var div_id = $(obj).closest("div").attr("id"); //獲取上緊鄰父級元素的id屬性

13、轉殖乙個div下面的table並把它載入到某個地方

$("#push_table").clone(true).attr("id","new_add_table0").insertbefore($("#push_table"));  //複製id為push_table的元素給id為new_add_table0的裡面並把複製的新增到模板的前面

14、修改radio的name屬性 

$('#new_add_table input:radio[name="open_type"]').attr("name","open_type1");  //因為radio為單選項,如果複製,兩組選項只能選擇乙個所以要修改radio的name這樣才能正常選擇。

$('#push_table input:radio[name="open_type"][value=1]').attr("checked","checked"); //複製完模板的radio,模板的radio就沒有選中狀態了(估計是複製之後 後面的選項預設選擇了,前面的選項就沒有了)要恢復之前模板的選中狀態

15、js判斷正整數的正則

var r=/^[0-9]*[1-9][0-9]*$/;

if(r.test(val) == false

)

jQuery 選擇器 無法取值的時候

今天在用jquery選擇器 讀取 span 值的時候 總是無法取到。鬱悶了半天 突然 看到 這麼一段日誌 name value既是其中的一種。但是在實際的開發中可能碰到使用這個方法取不到值的情況。為了解決這個問題,我們有必要明白document.getelementbyid 這個函式的原理。這個函式...

jquery選擇器和css選擇器

今天開發中碰到乙個問題。class maindiv class mydiv name id div class mydiv name id div class mydiv name id div class mydiv name id div div 是這樣,我獲取class mydiv 下面的某乙...

jquery選擇器和dom選擇器區別

1.jquery選擇器css file loading css visibility visible 2.dom選擇器stylrdocument.getelementbuyid file loading style.visibility visible 因為jquery沒有.css屬性 3.jque...