traversing(ํƒ์ƒ‰)

2023. 7. 28. 16:38ใ†jquery

traversing?

์ฒด์ธ ์ปจํ…์ŠคํŠธ๋ฅผ ์œ ์ง€ํ•˜๋ฉด์„œ ์ œ์–ด์˜ ๋Œ€์ƒ์ด ๋˜๋Š” ์—˜๋ฆฌ๋จผํŠธ๋ฅผ ๋ณ€๊ฒฝํ•˜๋Š” ๊ธฐ๋ฒ•

 

 

* s๋Š” ์Šคํƒ€์ผ๋กœ ๋ฐฐ๊ฒฝ์ƒ‰๊ณผ ํ…Œ๋‘๋ฆฌ ํšจ๊ณผ ์ ์šฉ๋œ ์ƒํƒœ๋ผ๋Š” ๊ฒƒ์„ ๋ฏธ๋ฆฌ ์•Œ๊ธฐ!

 

๋ž˜ํผ๋กœ root ์„ ํƒ > s๋ผ๋Š” ํด๋ž˜์Šค ์ถ”๊ฐ€

.children()

root์˜ children์— s ํด๋ž˜์Šค ์ถ”๊ฐ€

.first()

root์˜ children์˜ ์ฒซ๋ฒˆ์งธ ์—˜๋ฆฌ๋จผํŠธ์— s class ์ถ”๊ฐ€

.next()

root์˜ children์˜ ์ฒซ๋ฒˆ์งธ ์—˜๋ฆฌ๋จผํŠธ์˜ ๋‹ค์Œ ์—˜๋ฆฌ๋จผํŠธ์— s class ์ถ”๊ฐ€

.find('selector')

ํ˜„์žฌ ์—˜๋ฆฌ๋จผํŠธ์—์„œ selector์— ํ•ด๋‹น๋˜๋Š” ์ž์† ์ฆ‰, li์— s class ์ถ”๊ฐ€

.closest('selector')

๊ฐ€์žฅ ๊ฐ€๊นŒ์šด selector ์กฐ์ƒ ์—˜๋ฆฌ๋จผํŠธ์— s class ์ถ”๊ฐ€

์œ„์˜ ์˜ˆ์ œ์™€ ๊ฐ™์ด ์ฒด์ธ์œผ๋กœ ์—ฎ์–ด์„œ ๊ณ„์† ํƒ์ƒ‰ํ•  ์ˆ˜ ์žˆ์Œ!

'jquery' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

animation  (0) 2023.07.28
Form  (0) 2023.07.28
Mainpulation(์—˜๋ฆฌ๋จผํŠธ ์ œ์–ด)  (0) 2023.07.28
event  (0) 2023.07.28
Chain  (0) 2023.07.27