본문 바로가기

자바스크립트/jQuery4

[JQuery] form에 있는 요소들 배열로 만들기 var param = $("#formId").serializeObject(); ​ 같은 Form 안에 있다면 같은 id를 가진 값들을 자동으로 같은 이름의 배열로 만들어 가져와준다. 위와 같이 파라미터에 넣어서 ajax로 넘겨주면 편함. json Object 형태를 string으로 만들어주는 JSON.stringify(); 와 반대되는 역할을 한다고도 볼 수 있을 듯. 2020. 4. 6.
[jQuery] $("element[class='classname']") 사용 시 주의할 점 jQuery의 이 코드는 클래스명이 정확히 'apple'인 요소만을 가져온다. $("div[class='apple']") 예를 들어 아래와 같은 요소는 가져올 수 있다. 하지만 아래는 가져오지 못한다. 2020. 1. 10.
[jQuery] input/textarea 공백 입력 방지 및 입력된 공백 제거 사용자가 textarea에 입력한 값을 전달받아 DB에 저장하는 경우 빈값 / 공백(스페이스키 입력) / 공백(특수문자) / 엔터 / 탭을 체크하고, 문자열 양쪽의 공백을 제거하는 방법. 공백 입력 방지 replace와 정규표현식 사용 // text라는 id를 가진 요소의 값 var text = $("#text").val(); // 미입력 또는 공백 입력 방지 if (text.replace(/\s| /gi, "").length == 0) { alert("내용을 입력해주세요."); $("#text").focus(); } replace()의 사용법 // text 문자열 내의 모든 A를 B로 바꾸기 text.replace("A", "B") 사용된 정규표현식 표현식 의미 / 정규표현식의 시작 \s 공백 또는 탭.. 2020. 1. 9.
[jQuery] show(), hide(), toggle() $("#id").show();// 요소를 보이기 $("#id").hide();// 요소를 숨기기 $("#id").toggle();// 보이는 상태면 숨기기, 숨긴 상태면 보이기 2019. 12. 20.