반응형 프로그래밍 공부/JS6 [lesson] JS - 제이쿼리 (jQuery) 요소들을 선택하는 강력한 방법을 사용하고 선택된 요소들을 효율적으로 제어할 수 있는 자바스크립트 라이브러리 사용하기 전 jQuery를 선언하고 사용해야한다. // 선언 방법 을 스크립트 넣는위치에 넣어준다. 선택자 문법 아이디 선택자 $("#아이디명") 태그 선택자 $("태그명") 클래스 선택자 $(".클래스명") 속성 선택자 $("태그명[속성명=속성값]") $("선택자").val() : form 요소의 값을 받아오는데 쓰인다. (주로 input, textarea 등등) (쉽게 말해 태그의 value속성 값) $("선택자").text() : 나머지 대부분의 값을 받아오는데 쓰인다. (쉽게 말해 태그 사이에 들어있는 값) $("선택자").text("새로운 값"); each 사용 forEach 사용 $.ea.. 2023. 1. 10. [lesson] JS - 데이터 타입과 변수 식별자( identifier)란 자바스크립트 개발자가 변수, 상수, 함수에 붙이는 이름이다. 식별자를 만들 대 다음 규칙을 중수 해야한다. 첫번째 문자 : 알파벳, 언더바, $문자만 사용가능 +) 여기서 $문자는 jQuery를 의미 두번째 이상 문자 : 알파벳, _(언더바), 0-9, $ 사용가능 대소문자를 구분한다. : data와 Data는 다른 의미 ※ $로 시작되는 식별자는 jQuery객체를 나타낸다는 의미이다. +) jQuery를 요즘 안쓴다는 말이 있으나, 그것은 자바를 제외하고 JS를 기점으로 하는 이야기! 자바를 사용하면서 JS를 사용한다면 언젠가는 만나게 될 문법이다. 예) 문법 사용 가능 유무 비고 6variable X 숫자로 시작 불가 student_ID O 가능 _code O 언더바로.. 2023. 1. 10. [lesson] JS - 기본 입출력(document, prompt, comfirm, alert) 자바스크립트 코드로 HTML 콘텐츠를 웹 페이지에 직접 삽입하여 브라우저 윈도우에 출력되게 할 수 있다. 이때 document.write() 혹은 document.writeln()을 사용한다. ※ writeln()은 줄바꿈(\n)문자가 삽입된다. 하지만 HTML에서 줄바꿈으로 표현되지 않기 때문에 write()와 동일하게 나온다(컴파일이 안되기 때문) 그러므로 writeln()을 사용할때는 태그를 활용하여 개행효과를 낼 수 있다. 그러나 디자인이 많이 깨지기 때문에 보다는 주로 을 사용한다. => 사용자 입력 및 메세지 출력 사용자에게 메세지(주로 확인 또는 알림)를 출력하거나, 입력을 받을 수 있는 3가지 다이얼로그가 있다. 1. 프롬프트 다이얼로그 : prompt("메세지","디폴트 입력 값"); '.. 2023. 1. 10. [Lesson]JQUERY - id가 여러개인데 한번에 찾고 싶을때! ${} 전체 선택자 ${"*"} 모든 요소 아이디 선택자 ${"#아이디"} 해당 아이디를 가지고 있는 요소 클래스 선택자 ${".클래스"} 해당 클래스를 가지고 있는 요소들 요소 선택자 ${"요소"} 지정 요소명을 가지고 있는 요소들 그룹 선택자 ${"선택1,선택2,선택3..."} 선택1,선택2,선택3...으로 지정된 요소들 그런데 만약 아이디가 위와 같이 되어 있을때 apple이라는 단어가 들어간 요소들을 한번에 선택하고 싶을때 어떻게 해야할까? id 뿐만 아니라 위에 적혀있는 선택자들 모두 사용이 가능하니 아래의 표를 참고하여 사용하자! 문법 {id[수식]내용} 내용 $( "input[name='man']" ) 해당 내용의 요소 선택 $( "input[name!='man']" ) 해당 내용이 아닌 요소 선택.. 2022. 5. 11. 이전 1 2 다음 반응형
