제이쿼리를 사용하여 스타일 추가 및 제거하기 위해 클래스(class) 속성을 선택자로 사용합니다. 그 외에 동적인 스크립트 및 액션 등은 자바스크립트의 ID 값을 많이 사용합니다. 이렇게 클래스명을 추가하거나 제거하면 간단하게 원하는 스타일을 추가 또는 제거하는 것이 가능합니다. 물론 해당하는 class에는 스타일이 css에 선언되어야겠죠.# 제이쿼리를 사용한 스타일 추가 및 제거 방법아래는 제이쿼리(jQuery)를 사용하여 클래스명을 추가, 삭제하는 방법에 대하여 알아보려고 합니다. 또한 현재 어떤 클래스를 가지고 있는지도 확인할 수 있는 메소드도 함께 알아보도록 하겠습니다.! 제이쿼리를 클래스를 추가하는 방법과 직접 스타일을 부여하는 방법과는 어떤 차이점이 있을까?사실 제이쿼리(jQuery)를 사용하여
Last Modified : 2018-07-25 19:46:38웹브라우저 안에서 키보드나 마우스 등을 사용하여 다른 영역으로 이동하는 방법은 무엇이 있을까요? 여러가지 방법이 있을 것입니다. 오늘은 사용자가 임의로 스크롤을 이동하는 것을 막기 위한 스크립트 방법을 알아보려합니다.우선 사용자가 페이지 안에서 스크롤을 사용해 이동하는 경우 어떤 방법을 사용할까요?마우스의 휠 버튼을 사용하는 경우 키보드의 커서키를 사용하는 방법 스크롤 바 위에 마우스를 올려 드래그하여 이동하는 방법이처럼 세가지 방법이 가장 보편적입니다. 이 중에서 오늘은 스크롤을 사용한 이동시 이를 블락하는 방법을 알아보겠습니다. 먼저 스크롤을 막는 것이 왜? 그리고 언제 필요할까요?# 스크롤의 이동을 막는 것이 필요한 경우언제 스크롤을 사용한 페이지 이동을 막아야할까요? 먼저 중요한 콘텐츠 화면 영역에서
Last Modified : 2017-12-11 07:34:19제이쿼리에서 html의 특정요소, 노드를 삭제하려면 어떻게 해야할까요? 이때 제이쿼리는 remove() 메소드를 사용할 수 있습니다. remove() 메소드는 선택된 요소를 간편하게 제거하여줍니다. 어떻게 하는지 아래에서 알아봅니다.# jQuery의 remove()를 사용하여 엘리먼트 제거하기참고로 empty() 또는 detach() 메소드 역시 제거하는 메소드로 비슷하나 동일한 것은 아닙니다. 우선 remove()는 다음과 같이 수행합니다.1. 선택된 자신 및 자식 요소들 모두 삭제함2. 연결된 모든 이벤트 역시 삭제함위와같이 자신을 포함한 모든 자식 요소들이 삭제되는 것이 특징입니다. 뿐만 아니라 엘리먼트가 가지고 있는 데이터 및 이벤트들도 함께 삭제되는 것이 또 다른 특징입니다. 만약 이를 원치 않을
Last Modified : 2019-08-06 20:14:18html 태그안의 속성을 제거 또는 삭제하는 경우가 있습니다. 만약 순수 자바스크립트를 사용하면 getAttribute 또는 setAttribute를 통해 제어할 수 있겠죠. 더 간단한 방법으로 제이쿼리를 사용하는 방법은 없을까요?# 제이쿼리에서 속성 제거하기, removeAttr()제이쿼리(jQuery)를 사용할 경우 속성을 제거하는데 매우 간단한 메소드가 존재합니다. 바로 removeAttr() 속성입니다.만약 속성을 설정할 경우 attr() 메소드가 있으며 이 두 메소드를 사용한다면 속성을 매우 간단하게 추가하거나 제거할 수 있게됩니다. 그럼 먼저 아래의 removeAttr()을 사용하여 속성을 제거하는 방법을 알아보겠습니다.$('선택요소').removeAttr('속성명');속성 제거는 언제할 필요가
Last Modified : 2018-07-25 19:56:46윈도우즈 앱, 프로그램을 실행하다가 화면에서 안보이는 현상, 화면 밖으로 이동한 경우 해결하는 방법을 알아봅니다. 먼저 언제 이런 문제가 생길까요?# 언제 화면 밖으로 이동하는 현상이 생기는가여러 이유가 있겠지만 아래의 경우가 가장 큰 이유입니다.- 듀얼 모니터에서 싱글로 바꾸는 경우- 원격 PC가 듀얼 모니터를 사용하는 경우- 실수로 드래그가 멀리 된 경우그럼 어떻게 해결할 수 있는지 알아봅니다.! 화면 밖 안 보이는 경우 해결방법가장 먼저 해야할 것은 바로 안보이는 프로그램 선택하는 것입니다. 일단 선택을 해야 하는데 선택 방법은 간단합니다. 아래의 두 가지 방법 중 하나를 선택, 실행하도록 합니다.1. 하단 바에서 실행된 앱, 프로그램을 클릭하여 선택2. Alt + Tab을 사용하여 선택프로그램이 선택
Last Modified : 2019-08-13 22:33:56