jQuery是一種Javascript庫,旨在簡化HTML文檔遍歷和操作、事件處理、動畫效果等。其中的input class就是其提供的一個方便的元素選擇器。
$(document).ready(function(){ $('.example-class').click(function(){ //當元素被點擊時,執行此函數 alert('你點擊了example-class類的元素!'); }); });
以上代碼表示:
- 當文檔加載完成時,執行一個函數。
- 該函數選擇所有class為example-class的元素。
- 當這些元素被點擊時,彈出一個對話框。
使用input class選擇器,可以針對表單輸入框等元素進行操作。例如:
$(document).ready(function(){ $('input[type="text"]').focus(function(){ //當文本輸入框獲得焦點時,執行此函數 $(this).css('background-color', 'yellow'); }); $('input[type="text"]').blur(function(){ //當文本輸入框失去焦點時,執行此函數 $(this).css('background-color', 'white'); }); });
以上代碼表示:
- 當文檔加載完成時,執行一個函數。
- 該函數選擇所有type為text的input元素。
- 當這些元素獲取焦點時,將其背景顏色設置為黃色。
- 當這些元素失去焦點時,將其背景顏色還原為白色。
使用input class選擇器,可以使代碼更加簡潔、易讀,提高開發效率。