JQuery是JavaScript庫(kù)中的一員,擁有強(qiáng)大的遍歷功能,可以幫助我們快速地獲取頁面上的元素或其屬性,下面將介紹如何使用JQuery遍歷div下input控件。
$(document).ready(function(){ $("div input").each(function(){ //獲取每一個(gè)div下的input控件 var inputType = $(this).attr("type"); //獲取input控件的type屬性 if(inputType === "text"){ //判斷控件的類型是否為文本框 $(this).val("Hello World"); //為文本框設(shè)置默認(rèn)值 } }); });
在上述代碼中,我們首先通過$()函數(shù)來獲取文檔中所有的div下的input控件,然后使用each()方法來依次處理每一個(gè)找到的input控件。在遍歷控件時(shí),我們使用attr()方法獲取每個(gè)控件的type屬性值,并檢查其是否為"text",如果是,則使用val()方法為文本框設(shè)置默認(rèn)值為"Hello World"。
這樣,我們就可以靈活地遍歷div下的input控件,并對(duì)其屬性進(jìn)行處理。