在 Web 開發中,經常需要對表單元素進行操作。而表單元素包括 input、select、textarea 等。在 jQuery 中,我們可以通過選擇器輕松地獲取這些元素。尤其是對于 input 元素的選擇,jQuery 提供了一些方便的方法,本文將介紹如何使用 jQuery 選擇 input 被選中的元素。
// 1.選中所有被選中的復選框 $('input[type="checkbox"]:checked') // 2.選中被選中的單選按鈕 $('input[type="radio"]:checked') // 3.選中被選擇的下拉框選項 $('select option:selected') // 4.選中被選中的文本框 $('input[type="text"]:focus') // 5.選中被選中的密碼框 $('input[type="password"]:focus')
通過以上代碼可以選中不同類型 input 元素中被選中的元素。其中,復選框和單選按鈕需要用:checked 偽類來選擇被選中的元素;下拉框選項和文本框/密碼框需要用:selected/:focus 偽類來選擇。需要注意的是,偽類選擇器必須寫在選擇器的最后面。
上述代碼可以在 jQuery 中輕松地實現 input 元素的選擇。希望讀者能夠掌握這些基礎知識,為表單元素的操作打下堅實的基礎。
上一篇jquery選中的下拉框
下一篇css平鋪出現縫隙