본문 바로가기

JQuery23

nth 처음$('tr:first')의 경우 테이블의 첫줄을 의미하며 child를 붙이면 모든 테이블을 의미하기때문에 두번째의 $('tr:first-child')의 경우 모든 테이블의 첫뻔째를 의미한다 $('tr:last') : 전체 테이블의 마지막줄을 의미하며 //$('tr:last-child') : 모든 테이블의 마지막줄을 의미하며 //$('tr:even') : 전체 테이블의 짝수 0부터 시작을 의미하며 //$('tr:nth-child(1)') :모든 테이블의 1번째줄 1부터 시작을 의미하며 $('tr:eq(0)') : 0을 의미한다 마지막 줄만 실행시켰을 경우 이런식으로 0번째 테이블 즉 첫번째줄을 색칠을 하게 된다 예제 테이블을 작성하고 각 점수의 합계를 구하라 풀이 : 테이블 같은경우 만들기쉽지만 점수를.. 2023. 9. 20.
JQuery child child는 클래스 선택자, 자식 선택자, 자손 선택자등 선택자를 이용해 선택자에 접근해 작업하는것이다 p의 자손인 em을 가져오기 위해 중간에 공백을 넣어주고 each의 경우 조건에 맞는값들을 하나씩 가져오는 것인데 즉 p자손 em을 하나씩 가져온다는 것이다 ,result1이기때문에 클래스 선택자를 가져온다는 말이며 현재위치한em을 가져오기때문에 this로 자손의 첫em을 one을 가져온다 다음을 실행시키면 result2의 경우 div > em으로 가져왔기때문에 sapn으로 작성한값은 가져오지 않는다 즉 자손과 자식으로 접근해서 값을 가져왔기때문에 이처럼 결과가 나옴을 알수있다 2023. 9. 18.
JQuery기초 스크립트 안에 연결시켜야 정상 실행이 된다 body를 설정하고 스크립트 부분에서 addclass를 해주면 이런식으로 적용이되는데 다음과같이 addClass를 했기때문에 각각 body들을 보면 지정한 클래스가 추가되었음을 알수가있다 2023. 9. 18.