본문 바로가기

분류 전체보기117

toggle toggle은 이벤트를 발생시켰을때 기능이 달라지는 역할을 한다 처음 toggle의 경우 tg1이 사라지고 remove의 경우에는 완전히 삭제하는 것이고 두번째 toggle의 경우에는 각각 버튼을 누를때마다 first second third의 순서대로 실행이 된다 토글안에 속성을 넣을수도 있는데 'fast'를 넣으면 빠르게 토글하고 'slow'를 넣으면 느리게 토글하며 1000같이 숫자를 넣어 시간을 설정해줄수가 있다 실행결과 버튼 클릭시 위의 글자들이 사라진것을 알수 있다 2023. 9. 21.
attr attr은 요소의 속성의 값을 가져오거나 속성을 추가하는것을 의미한다 $("img:eq(0)").attr("src","./../images/im0.jpg") img:eq(0)번째 자리에 src을 가져와 파일 경로를 넣어준다 예제: 버튼클릭시 선의 형태가 바뀌게 만들기 버튼을 클리하면 선이 바뀌는것을 알수있다 2023. 9. 20.
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.

티스토리툴바