2021. 10. 28. 16:20γHTML + CSS + JS/JS μλ°μ€ν¬λ¦½νΈ
1. μμ± νμ μ νμ
μμ± νμ μ νμλ μ νν μμλ₯Ό κΈ°μ€μΌλ‘ μΌμΉνλ μμ±μ ν¬ν¨ μ¬λΆλ₯Ό λ°μ Έ μμλ₯Ό μ ννλ μ νμμ΄λ€.
- μμ±κ³Ό κ°μ λ°λ₯Έ νμ μ νμ
$("μμ μ ν[μμ±]") μ νν μμ μ€ μ§μ ν μμ±μ΄ ν¬ν¨λ μμλ§ μ ννλ€.
$("μμ μ ν[μμ±^=κ°]") μ νν μμ μ€ μμ±κ°μ΄ λͺ μν κ°μΌλ‘ μμνλ μμλ§ μ ννλ€.
$("μμ μ ν[μμ±$= κ°]") μ νν μμ μ€ μμ±κ°μ΄ λͺ μν κ°μΌλ‘ λλλ μμλ§ μ ννλ€.
$("μμ μ ν[μμ±*= κ°]") μ νν μμ μ€ μμ±κ°μ΄ λͺ μν κ°μ ν¬ν¨νλ μμλ§ μ ννλ€.
$(":type μμ±κ°") input μμ μ€ type μμ±κ°μ΄ μΌμΉνλ μμλ§ μ ννλ€.
- μμ± μνμ λ°λ₯Έ νμ μ°μ°μ
$("μμ μ ν:[visible | hidden]") μ νν μμ μ€ μ¨κ²¨μ§ μν λλ 보μ΄λ μνμ μμλ§ μ ννλ€.
$(":selected") μ ν μμ μ€ νμ¬ μ νλ μ΅μ μμλ§ μ ννλ€.
$(":checked") μ²΄ν¬ λ°μ€ λλ λΌλμ€ λ²νΌ μμ μ€ μ²΄ν¬λ μμλ§ μ ννλ€.
2. μ½ν μΈ νμ μ νμ
μ½ν μΈ νμ μ νμλ μμ λλ μμ±μ ν¬ν¨ μ¬λΆμ λ°λΌ νΉμ μμλ₯Ό μ ννλ μ νμμ΄λ€.
1οΈβ£ contains()/ contents() / has() / not() / end() νμ μ νμ
$("μμ μ ν:contains(ν μ€νΈ)") contains() νμ μ νμλ μ νν μμ μ€ μ§μ ν ν μ€νΈλ₯Ό ν¬ν¨νλ μμλ§ μ ννλ€.
$("μμ μ ν").contents() contents() νμ μ νμλ μ νν μμμ νμ μμ μ€ κΉμ΄ 1μ ν μ€νΈμ νκ·Έ λ Έλλ₯Ό μ ννλ€.
$("μμ μ ν :has(μμλͺ )") / $("μμ μ ν").has("μμλͺ ") has() νμ μ νμλ μ νν μμ μ€ μ§μ ν νκ·Έλ₯Ό ν¬ν¨νλ μμλ§ μ ννλ€.
$("μμμ ν :not(μ μΈν μμ μ ν)") / $("μμ μ ν").not(μ μΈν μμ μ ν) not() νμ μ νμλ μ νν μμ μ€ μ§μ ν μμλ§ μ μΈν μ± μ ννλ€.
$("μμ μ ν").νμ μ νμ().end() end() νμ μ νμλ νν°λ§ λκΈ° μ΄μ μ μ νμκ° μ μ©λλλ‘ νλ€.
2οΈβ£ find() / filter() νμ μ νμ
$("μμ μ ν").find("νμ μμ μ€ νν°λ§ν μμ μ ν") find() νμ μ νμλ μ νν νμ μμ μ€μμ findλ‘ νν°λ§ν μμλ§ μ ννλ€.
$("μμ μ ν").filter("μ νν μμ μ€ νν°λ§ν μμ μ ν") filter() νμ μ νμλ μ νν μμ μ€μμ filter()λ‘ νν°λ§ν μμλ§ μ ννλ€.
3. μ νμμ ν¨κ» μμλλ©΄ μ μ©ν λ©μλ
1οΈβ£ is() λ©μλ
$("μμ μ ν").is(":[checked | selected | visible | hidden | animated])
is() λ©μλλ μ νν μμμ μνκ° μ§μ ν μμ±κ³Ό μΌμΉνλ©΄ trueλ₯Ό λ°ννκ³ κ·Έλ μ§ μμΌλ©΄ falseλ₯Ό λ°ννλ€.
2οΈβ£ $.noConfilct()
$.noConfilct() ν¨μλ₯Ό μ΄μ©νλ©΄ νμ¬ μ μ΄μΏΌλ¦¬μμ μ¬μ© μ€μΈ $ λ©μλ μ¬μ©μ μ€λ¨νκ³ μλ‘ μ§μ ν λ³μλͺ λ©μλλ₯Ό μ¬μ©νλ€.
3οΈβ£ get()
μ νμ get(0)μ μ μ©νλ©΄ μλ°μ€ν¬λ¦½νΈ DOM λ°©μμ μ€νμΌμ μ¬μ©ν μ μλ€.