졔 개발일지

[jQuery] 기본 개념 본문

프론트(html,jQuery,javascript)

[jQuery] 기본 개념

김지지지 2022. 9. 22. 20:55
input의 이름이 test가 들어가는 것 찾기
$("input[name^=test]")
keyup 이벤트
//특정 input 입력 시 발생

$("input[name=인풋이름]").keyup(function (event) {
	//입력 시 발생하는 코드 작성
});

//브라우저 상에서 입력 시 발생
window.addEventListener("keyup", (e) => {
    if (e.keyCode == 13) {
        //입력 시 발생하는 코드
    }
});
기존의 name 이름 변경
$('form[name=폼이름명]').find("input[name=인풋이름명]").attr("name", "바꿀이름명");
속성 제거 및 추가
// 클래스 속성 추가 및 제거
// id는 # > $('#test')
// class는 .으로 표현) > $('.test')
// <input type = 'text' id = 'test' class = 'test'> 
// id명은 중복될 수 없음, class, name은 중복 가능

$('변경할 속성의 id 또는 class').removeClass("active");
$('변경할 속성의 id 또는 class').addClass("active");

'프론트(html,jQuery,javascript)' 카테고리의 다른 글

[Javascript] 브라우저 제한  (0) 2022.12.13
에디터  (0) 2022.10.14
[ajax]폼데이터  (0) 2022.09.30
jsp 페이지 이동  (1) 2022.09.30
[jQuery]한글 /숫자만 입력 가능 하게  (2) 2022.09.16
Comments