전체 글 (251) 썸네일형 리스트형 [jQuery]속성 제어API Javascript에서는 객체의 속성값에 접근하기 위해서 getAttribute()를 사용했어야 했다. jQuery는 다음과 같이 아이디가 target인 엘리먼트를 제이쿼리 객체로 t에 두고 attr()를 사용해서 값을 불러오거나 변경한다. 애트리뷰트 값뿐만 아니라 prop를 이용해서 프로퍼티를 리턴해 줄 수도 있다. 아래의 t2를 보게 되면 attr()은 cheked 속성을 물어보면 속성값을 리턴하지만 prop()는 존재 여부에 따라 true false 를 리턴한다. [JavaScirpt]Element객체 中 속성 API 위는 target이 아이디인 엘리먼트를 t라는 변수에 담고 getAttribute메소드를 이용하였다. t.getAttribbute('href'); 이는 id가 target인 엘리먼트의 속성값 href를 불러오는 것이다. 변경하기 위해선 t.getAttribute('href' , 'www.google.com')과 같이 변경한다. 만약 새 속성을 추가하고 싶다면 그냥 추가하면 된다. t.getAttribute('title', 'active'); 와 같은 식으로 그 박에 제거하려면 t.removeAttribute('title'); 존재 여부를 알고 싶다면 t.hasAttribute('title'); 를 사용한다. 그렇다면 프로퍼티와 애트리뷰트는 같은가? 거희 비슷하지만 아예 같지는 않은데 다음 예시를 보면 알.. [Javascript]Element객체 中 조회API document.getElementBy*는 document문서 전체의 엘리먼트들을 조회한다. 그렇다면 하위의 어떤 태그만을 출력하려면 어떻게 하면 좋을까? 간단하다. var active = document.getElementsByClassName("active); 와 같이 부모 객체를 지정해 주고 actvie.getElementsByClassName("marked")를 하게 되면 active클래스의 marked클래스 만이 조회가 된다. [JavaScirpt]Element객체 中 식별자 API 1. TagName 다음의 'actvie아이디의 엘리먼트는 HTMLLELMENT객체이고 이는 HTMLELEMENT의 속성이다. 그리고 HTMLELEMENT객체이고 ELEMENT객체의 속성이다. ELEMENT객체이고 이는 tagName이라는 속성을 가지고 있다. tagName은 속성값으로 하위 엘리먼트의 태그 네임을 리턴한다. 이는 읽기 전용이다. 2. id tagName과 대부분 같지만이는 읽기 및 쓰기가 가능하다. 위 예제는 'active객체의 id값을 변경한 모습이다. 3.ClassName 위는 className을 통해서 새로운 클래스를 생성했다. 4. classlist classname보다 보편적으로 쓰임 다음을 보면 active.classList를 호출하면 리턴 값으로 DOMTokenList라는 .. [Javascript]Element객체 Javascript var t = document.getElementById('active')여기서 t 안에는 li엘리먼트이자 HTMLLIELEMNT객체이자 HTMLELEMENT객체이자 ELEMENT객체가 들어가 있음그리고 HTMLELENT객체의 속성중엔 .style이란 속성이 있고,그런데 DOM은 HTML만을 위한 것이 아니라 마크업을 위한(XML ,XUL, SVG) 것임그래서 모든 마크업 언어의 부모 객체에는 ELEMENT객체가 있음자세한건 크롬의 개발모드에서 엘리먼트를 누르고 오른쪽 창의 프로퍼티를 누르면 볼 수 있음다음은 DOM계층구조에서 ELEment 객체의 위치는 다음과 같다.다음은 Element의 API들이다.식별자문서내에서 특정한 엘리먼트를 식별하기 위한 용도로 사용되는 APIlement... 객체 API API(Application Programming Interface) “API(Application Programming Interface, 응용 프로그램 프로그래밍 인터페이스)는 응용 프로그램에서 사용할 수 있도록, 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스를 뜻한다.” API는 프로그램과 또 다른 프로그램을 연결해주는 일종의 다리라고 볼 수 있습니다. API는 어떤 프로그램의 기능을 추가하는 것이다. https://api.jquery.com/ 다음 주소를 통해 jquery api 참고 API는 메소드이며 객체이다. [jQuery]map메소드 map메소드는 다음과 같이 객체의 배열을들 모두 순회하는 기능을 가졌다. 여기서 재밌는건 li.map(function(index,elem) 이부분인데 보통 함수의 파라미터값은 바깥에서 받는데 여기서 map과 같이 딸려오는 function은 자기 스스로 값을 얻고 움직인다. 그래서 index는 0~2까지의 순서를 받으며 실행되고 elem는 각각의 index에 맞는 li의DOM객체 엘리먼트를 호출한다. 그래서 제이쿼리 메소드를 통해서 dom객체를 제이쿼리 객체로 바꾸고 제이쿼리 메소드인 css를 이용해서 색깔을 바꿨다. [jQuery] 객체 $('li') => 모든 li태그 앨리먼트를 가져옴 var li = $('li') li.css('text-decoration','underline') =>모든 li태그 앨리먼트의 css 속성 text-decoration의 속성값을 underline으로 바꿈 li.css('text-decoration') =>변수 li의 css 속성 text-decoration의 속성값을 호출함 그렇다면 for(var i =0; i 이전 1 ··· 27 28 29 30 31 32 다음
