jQuery選擇器可以讓我們更輕松地操作DOM元素,其中input text也是最常用的元素之一。
//通過ID選擇器獲得input text元素 var textInputById = $('#textInput'); //通過class選擇器獲得input text元素 var textInputByClass = $('.textInput'); //通過屬性選擇器獲得input text元素 var textInputByAttribute = $('input[type="text"]');
除了常規(guī)的選擇器外,我們還可以使用其他特殊的選擇器來選取input text元素:
//選取每個(gè)表單中的第一個(gè)input text $('form input:text:first') //選取包含指定文本的input text $('input:text:contains("搜索")') //選取已經(jīng)被禁用的input text $('input:text:disabled')
當(dāng)我們選取了一組input text元素后,可以使用jQuery的方法對(duì)它們進(jìn)行操作:
//獲取input text的value值 var inputValue = $('input:text').val(); //設(shè)置input text的value值 $('input:text').val('默認(rèn)值'); //獲取輸入焦點(diǎn) $('input:text').focus(); //禁用input text $('input:text').attr('disabled', 'disabled');
總之,jQuery選擇器使得操作input text元素變得更為簡單方便,讓我們可以更專注于業(yè)務(wù)的實(shí)現(xiàn)。