JQuery 편집하기 (부분)

=== jQuery 대안들 ===

'''Vanilla JavaScript'''(순수 자바스크립트)가 가장 일반적인 대안이다. 모던 브라우저에서는 jQuery 없이도 충분히 간편하게 DOM을 조작할 수 있다.

'''경량 라이브러리'''들도 있다. [[Zepto.js]]는 jQuery API와 호환되면서 더 가볍고, Cash는 32KB를 6KB로 줄인 라이브러리이며, Umbrella JS는 4KB 크기의 초경량 라이브러리이다.

'''현대적 프레임워크'''들이 가장 인기 있는 대안이다. [[React]]는 컴포넌트 기반의 선언적 UI를 제공하고, [[Vue.js]]는 템플릿 기반의 직관적인 문법을 사용하며, [[Angular]]는 완전한 프레임워크 솔루션을 제공한다.

<syntaxhighlight lang="javascript">
// React
function Button({ label, onClick }) {
    const [active, setActive] = useState(false);
    
    const handleClick = () => {
        setActive(!active);
        onClick();
    };
    
    return (
        <button 
            className={active ? 'active' : ''} 
            onClick={handleClick}
        >
            {label}
        </button>
    );
}
</syntaxhighlight>