jQuery 어트리뷰트 attr() 메서드 사용 ① 어트리뷰트 값 가져오기 $(document).ready(function(){var value = $(':input').attr('value');document.write(value);}); ② 어트리뷰트 속성값 추가 $(document).ready(function(){$(':input').attr('value', '에잇'); }); // ③ 어트리뷰트 속성 제거하기 $(document).ready(function(){$(':input').removeAttr('value'); }); // 더보기 jQuery 어트리뷰트 속성 값 attr() ① attr() 속성값 불러오기 $(document).ready(function(){var value = $(':input').attr('value');document.write(value); }); attr() 메서드 인자값을 한개 넘기면 속성값 불러오기// 꼬망이는 귀엽다 출력 ② attr() 속성값 주기 $(document).ready(function(){var value = $(':input').attr('value', '초코도 귀엽다'); }); attr() 메서드 인자값을 두개 넘기면 속성값 주기// 더보기 jQuery 메서드 정리 ① size()recthellowhellowhellow $(document).ready(function(){var len = $('#box > ul > li').size();console.log(len); // 3출력}); ② eq(index)rect12345 eq("메서드인자 숫자 ") 메서드를 이용하여 엘리멘트를 선택. $(document).ready(function(){var el = $('#box > ul > li').eq(2);el.css('color','red');consloe.log(el);}); ③ first() , last()rect1 // first()2345 // last() $(document).ready(function(){var el = $('#box > ul > li'); va.. 더보기 제이쿼리(jQuery) 필터 셀렉터 정리 ① first 필터 셀렉트recthellow // 여기 첫번째 줄 바꾸기hellowhellow :first 필터 셀렉터를 사용하여 선택한 엘리먼트의 첫번째 엘리먼트를 선택하기. $(document).ready(function(){var el = $( '#firstId > li:first');el.css('color' , 'red');}); ② :last 필터 셀렉트recthellow1hellow2hellow3 // 마지막 줄 바꾸기 :first 필터 셀렉터를 사용하여 선택한 엘리먼트의 첫번째 엘리먼트를 선택하기. $(document).ready(function(){var el = $( '#listId > li:last');el.css('color' , 'red');}); ③ :even 필터 셀렉트rect.. 더보기 제이쿼리(jQuery) css selector 정리 ① idhello .elements').css('color','red');}); 먼저 id값인 "ul"인 엘리먼트를 선택한 후 그 자식 엘리먼트 중 클래스 값인 "elements"인 엘리먼트만 선택합니다. 자식 엘리먼트를 선택하기 위해 ">" 자식 셀럭터를 사용 함.#ul > .elements'도 자식을 선택할수 있지만 자손까지 모두 선택함으로 주의해야 함.#ul .element와 #ul.element 의 의미가 다르니 잘 구분해서 사용 해야 함. ④ id 키워드 하단 형제 엘리먼트 찾기 rect 더보기 jQuery(제이쿼리) 콘솔로그 보기 ①_인스펙터 내용 상단의 원소가 1인 배열이 있음을 init[1]로 보여주고 있습니다. 이것을 엘레멘트의 확장집합이라 칭하도록 하겠습니다. ②_index 0번에 해당하는 원소는 li#element 가 있으며li태그에 #element selector이 들어가 있습니다. ③_내용중 length는 init[1]의 배열의 원소 갯수를 의미합니다. 현재 원소는 1개이므로 length는 1로 되어있습니다. 더보기 자바스크립트와 제이쿼리 비교 엄.... 여기에 css속성 적용하기 window.onload = function(){ // 웹페이지의 요소가 모두 불러진 시점에 함수가 호출됩니다. var wrapper = document.getElementById('wrapper') var ul = wrapper.getElementsByTagName('ul') var li = ul[0].getElementsByTagName('li') for(var i=0; i $( document ).ready(function(){ // DOM의 요소가 모두 로드되면 콜백함수가 호출됩니다. $('#wrapper>ul>.Um>span').css('color', 'pink'); // JQuery sel.. 더보기 이전 1 2 3 4 다음
