2023-05-02(화) jquery 선택자 및 get set

$(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)