반응형 jquery5 [jquery] 자바스크립트 클래스 이름 지우기 jQuery removeClass() 메소드는 선택된 HTML 항목에서 하나 이상의 클래스 이름을 지우는데 사용합니다. 쉽게 생각하면 선택된 HTML 항목에 클래스 이름을 추가하는 addClass() 메소드의 정 반대입니다. removeClass() 메소드 문법 $(selector).removeClass(classname1 classname2 ...) classname1, classname2 등은 선택된 HTML 항목에서 지울 클래스 이름입니다. 매개변수로 하나 이상의 클래스 이름을 전달할 수 있는데 공백으로 분리된 문자열을 전달하면 됩니다. jQuery removeClass() 메소드 예제 아래 예제에서는 big, highlight, background 라는 이름의 클래스가 적용된 HTML 항목이 있고.. 2022. 10. 7. [jquery] 자바스크립트 클래스 이름 확인하기 이 포스트에서는 jQuery hasClass() 메소드를 어떻게 쓰는지 알아보겠습니다. hasClass() 메소드는 특정한 HTML 항목에 특정한 클래스 이름이 할당되어있는지 확인합니다. hasClass() 메소드 문법 $(selector).hasClass(classname) 여기서 classname은 확인할 클래스 이름입니다. 이 메소드는 선택자로 선택된 HTML 항목이 classname을 가지고 있을 경우 true를 리턴합니다. jQuery hasClass() 메소드 예제 다음의 예제는 big 이라는 클래스 이름이 문장에 추가되어있고, 버튼 클릭 이벤트가 발생하면 hasClass() 메소드를 사용하여 화면에 표시된 문장 중 big 이라는 클래스 이름이 포함된 문장이 있는지 확인합니다. jQuery h.. 2022. 10. 7. [jquery] 자바스크립트 클래스 이름 추가하기 jQuery의 addClass() 메소드는 선택된 HTML 항목에 클래스 이름을 추가하는데 사용합니다. 이는 웹 페이지에 있는 특정한 HTML 항목에 스타일을 추가하고 싶을 때 특히 유용합니다. 예를 들어 첫 번째 문장의 글자 크기와 색을 바꾸고 싶을 때 원하는 CSS 스타일을 특정한 클래스 이름으로 만든 다음 addClass() 메소드를 이용해 그 문장에 클래스 이름을 추가하면 방금 만든 스타일이 그 문장에 적용됩니다. jQuery addClass() 메소드 문법 $(selector).addClass(classname) 여기서 클래스 classname은 선택된 HTML 항목에 추가하고 싶은 클래스 이름입니다. 또한 두개 이상의 클래스 이름을 한번에 추가할 수 있는데 이는 다음과 같이 공백으로 구분된 클.. 2022. 10. 6. [jquery] 자바스크립트 숨기기 보이기 이 포스트에서는 jQuery의 show, hide 효과에 대해 알아보겠습니다. jQuery를 사용하면 show(), hide() 메소드를 통해 HTML 항목을 보이게 또는 숨길 수 있습니다. jQuery hide() jQuery hide() 메소드는 선택한 HTML 항목을 숨깁니다. 다음은 제목을 누르면 제목이 숨겨지는 예제입니다. index.html에 다음 코드를 입력하고 실행합니다. jQuery hide() 예제 h2 태그의 제목을 누르면 숨겨집니다. 두 번째 h2 제목 index.html을 실행하면 다음과 같은 화면이 나타납니다. 먼저 위 쪽 제목을 눌러보면 위 쪽 제목이 사라집니다. 그 다음 아래 쪽에 있는 제목을 클릭하면 아래 쪽 제목도 숨겨집니다. 코드를 살펴보면 ${"h2").click()의.. 2022. 10. 5. [jquery] 자바스크립트 버튼 클릭 jQuery 클릭 이벤트는 사용자가 HTML 항목을 클릭하면 발생합니다. 여기서 jQuery click() 메소드는 사용자가 클릭했을 때의 행동을 처리합니다. 예를 들어 $("p").click()은 웹 페이지에서 문단이 클릭되었을 때 클릭 이벤트를 발생시키도록 합니다. click() 메소드에 함수를 추가하여 클릭 이벤트가 발생했을 때 마다 특정 기능을 실행하도록 할 수도 있습니다. 이 포스트에서는 사용자의 클릭에 대응하는 jQuery click() 메소드에 대해 알아보겠습니다. jQuery click() 메소드 문법 $(selector).click(function() { // 코드 }); 먼저 클릭 메스드를 추가할 HTML 항목을 선택한 후 click() 메소드를 추가할 수 있습니다. click() 메소.. 2022. 10. 5. 이전 1 다음 반응형
