$(function(){
$("#li4").prevAll().css(~~) li4 이전 모든요소
$("#li4").nextAll().css(~~) li4 이후 모든요소
$("#li4").prevUntil("#li1").css(~~) li4 이후부터 li1 이전까지
$("#li4").nextUntil("#li7").css(~~) li4 이후부터 li7 이전까지
$("#ul > li").even().css(~~) 홀수번째 li
$("#ul > li").odd().css(~~) 짝수번째 li
$("#ul > li").eq(n).css(~~) eq - equal , n번째를 선택
$("#ul>li:lt(3)").css(~) 3번 인덱스 기준으로 이전 (less than)
$("#ul>li:gt(3)").css(~) 3번 인덱스 기준으로 이후 (greater than)
$("#ul>li").slice(2,5).css(~) 2이상 5미만 적용
})
var div = $("#div").text() #div의 text값을 받아옴(get)
var div = $("#div").text() #div의 html값을 받아옴(태그를 같이 가져옴) (get)
$("#div").text('바뀐 div') #div의 text값을 바꿈 (set)
$("#div").html('<span style="Color:red">바뀐 div</span>') #div의 html값을 바꿈(태그적용가능) (set)
'HTML+CSS(복습)' 카테고리의 다른 글
2023-05-16(화) focus , blur(로그인창) (0) | 2023.05.17 |
---|---|
2023-05-16(화) scroll (0) | 2023.05.17 |
2023-04-26(화) 제이쿼리 및 제이쿼리 선택자 (0) | 2023.04.26 |
2023-03-28(화) 반복문(for),break,continue,함수(function),return,재귀함수 (0) | 2023.03.29 |
2023-03-22(수) prompt , parseInt , confirm , alert , 비트연산자 (0) | 2023.03.22 |