IT/HTML ,CSS

    [jQuery] dom조작, css, 속성메소드

    [jQuery] dom조작, css, 속성메소드

    jQuery Dom 조작 💡 DOM에 새로운 요소를 추가/삭제, 복사, 속성 변경 등을 실시할 수 있다. 이를 DOM 조작(DOM Manipulation)이라 한다. 1. DOM 추가 예제 Hawaiian Vacation Get Price DOM 추가시 사용할수 있는 메소드 append() : 선택 요소의 닫는 태그 앞에 콘텐츠를 삽입한다. prepend() : 선택 요소의 여는 태그 뒤에 콘텐츠를 삽입한다. after() : 선택 요소의 뒤에 콘텐츠를 삽입한다. before() : 선택 요소의 앞에 콘텐츠를 삽입한다. 2. DOM 제거 예제 Hawaiian Vacation Get Price DOM 조작 관련 메소드 링크 : https://api.jquery.com/category/manipulation..

    [jQuery] 선택자, 필터

    [jQuery] 선택자, 필터

    jQuery 선택자 💡 jQuery 에서 사용 가능한 선택자를 알아보자 jQuery에서는 CSS 스타일의 선택자를 사용 가능하다. $(선택자 , [ 컨텍스트 ] ) 컨텍스트는 검색의 시작점을 지정, 생략하면 문서전체에서 검색 컨텍스트를 지정하면 그 하위로 검색범위가 제한 1. 기본선택자 타입 선택자 ( ) 💡 html 태그 $('h1') , $('p'), $('h1 , p') 클래스 선택자 ( . ) 💡 요소내의 class를 가지고 선택 ( 여러개 존재 가능 ) $('.class'), $('.class_name') id 선택자 ( # ) 💡 요소내의 id 를 가지고 선택 (id는 고유하다, 중복될 경우 상단에 먼저 선언된것이 선택된다..

    [jQuery] jQuery란

    jQuery란? 💡 크로스 플랫폼을 지원하는 경량의 자바스크립트 라이브러리 특징 크로스 플렛폼을 지원하는 jQuery는 어떠한 브라우저에서도 동일하게 동자한다. 브라우저 호완성을 고려하여 대체코드를 작성할 필요가 없다. 네이티브 DOM API보다 직관적이고 편리한 API를 제공한다. CSS 스타일의 selector를 사용할 수있으며 조작 또한 유연하게 할수 있다. 이벤트 처리, Ajax, Animation 효과를 쉽게 사용 할 수 있다. 다양한 플러그인이 존재하며 다른 라이브러들과 충돌을 일으키지 않는다. jQuery 문법 $(선택자).동작함수() ; $() 함수는 선택된 HTML 요소를 제이쿼리에서 이용할 수 있는 형태로 생성해 주는 역할을 합니다. $() 함수의 인수로는 HTML 태그 이름 뿐만 아니..