jQuery2

• 

  jQuery 자식선택자와 자손선택자에 있는 태그를 적용하고 싶을때 제이 쿼리에서 빠르게 CSS를 적용하거나 이벤트를 주려고 할 때 우리가 가장 알아야 할 것은, 선택자의 위치가 아닐까 싶은데요. 오늘은 자식선택자와 자손선택자 태그를 적용하고 싶을 때 어떻게 해야 할지에 대해서 포스팅해 보겠습니다. 서론 : '>'를 사용하기 자식선택자는 지난주에 포스팅한 필터링 메서드를 사용합니다 기호 '>'를 사용해서 속성값이 부모요소와 자식요소를 작성해 주면 부모요소 안에 있는 자식요소의 태그를 적용할 수 있다는 장점이 있죠. 만일 $('li > span')을 작성하면 모든 리스트 안에 span 태그가 적용이 되는데요. 그중에서 원하는 요소만 css를 주기 위해서 '. eq'를 추가해서 인덱스 값을 부여합니다. $('li > span').eq(1).css('color', 'green.. JavaScript 2023. 11. 29.

• 

  JQuery #02 CSS 적용의 기본 개념_선택된 요소들의 설정 제이쿼리를 시작할 때 가장 기본적으로 알아야 할 것들이 있다면, 제이쿼리는 어떻게 명령문을 작성하는지, 혹은 메서드를 어떻게 사용하는지, 혹은 css는 어떻게 적용하는지이겠죠. 1. css 간단하게 적용하기 let list = $('#list').css('color','red'); 2. 페이지의 시작과 출력하기. $(document).ready(function(){ console.log('hello'); }) 2-1 위의 공식이 싫다면? 아래로 표현해서 출력해 보기 $(function(){ console.log('ready2'); }); 3. 자바스크립트와 제이쿼리의 CSS 적용의 차이점 보기 자바스크립트에서는 지정한 아이디의 너비를 바꾸거나 스타일을 바꾸기 위해서는 아래와 같은 코드를 작성해야 합니다... JavaScript 2023. 11. 29.