웹 개발을 하다 보면 모든 입력창이 재설정되는 상황을 자주 접하게 됩니다.
예를 들어, 쿼리할 때 모든 입력 상자에 입력된 텍스트를 지울 수 있는 "재설정" 버튼이 사용자에게 제공됩니다.
이때 jquery를 사용하면 데이터를 균일하게 삭제(재설정)할 수 있습니다.
// 复位查询条件输入域
function restInputArea(div_id){
// 清空文本框
$("#"+div_id).find('input[type="text"]').each(function(){
$(this).val("");
});
// 复位下拉菜单
$("#"+div_id).find('select').each(function(){
$(this).find('option:first-child').attr('selected',"selected");
});
};
위 코드는 jquery 선택기를 사용하여 전체 입력 상자의 상위 요소를 가져오고, find를 사용하여 해당 요소 아래의 모든 입력 및 선택 입력 상자를 찾습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
