제이쿼리3 jQuery 연습하기 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 1. 빈칸 체크 함수 만들기 1-1. 버튼을 눌렀을 때 입력한 글자로 얼럿 띄우기 [완성본]1-2. 버튼을 눌렀을 때 칸에 아무것도 없으면 "입력하세요!" 얼럿 띄우기 클릭 ✏️ 풀이 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 2-3. 이메일 도메인만 얼럿 띄우기 2. 이메일 판별 함수 만들기 2-1. 버튼을 눌렀을 때 입력받은 이메일로 얼럿 띄우기 2-2. 이메일이 아니면(@가 없으면) '이메일이 아닙니다'라는 얼럿 띄우기 [.. 2022. 1. 25. jQuery 제이쿼리 활용하기 1. 값 가져오기 $('#id값').val(); 2. 숨기기 / 보이기 $('#id값').hide(); $('#id값').show(); 3. css 값 가져오기 $('#id값').css('display'); //display의 css 값을 가져옴 4. 태그 내 텍스트 입력하기 // input box $('#id값').val('여기에 텍스트를 입력하면 됩니다.'); // 버튼 텍스트 바꾸기, 우선 btn에 id 값을 줘야함 $('#가리키고 싶은 버튼에 준 id값').text('여기에 텍스트 입력하면 이 값으로 변경'); 5. 태그 내 html 입력하기 ( ~ 내에 동적으로 html을 넣고 싶은 경우 / eg: 포스팅되면 버튼 추가 or 카드 추가) 👉 html을 넣고 싶은 태그에 id값 주기 여기 기사 제.. 2022. 1. 25. jQuery 제이쿼리 기초 jQuery 란? HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. (라이브러리) import 해서 사용(https://www.w3schools.com/jquery/jquery_get_started.asp) jQuery VS Javascript Javascript document.getElementById("element").style.display = "none"; jQuery $('#element').hide(); 👉 Javascript로 길고 복잡하게 써야 하는 것을 jQuery로 직관적으로 쓸 수 있음 jQuery 사용법 1) 임포트 - https://www.w3schools.com/jquery/jquery_get_started.asp (jQuery CDN 부분 참고).. 2022. 1. 25. 이전 1 다음