[JavaScript] jQuery

jQuery란 JavaScript를 미리 작성해둔 라이브러리이다.

가져와서 사용해야하기 때문에 쓰기 전에 import 해주어야 한다.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

만약 부트스트랩 템플릿을 사용한다면 템플릿 안에 이미 작성되어 있기때문에

중복해서 작성하지않아도 된다. 

 

jQuery를 사용하면 JavaScript를 사용하는 것보다 직관적이고 간결하게 쓸 수 있다.

# javascript 사용하여 감추기
document.getElementById("element").style.display = "none";

# jquery 사용하여 감추기
$('#element').hide();

jQuery를 사용하면 JavaScript를 사용하는 것보다 직관적이고 간결하게 쓸 수 있다.

 

 

사용하기

# input 값 가져오기
$('#id').val()

# input 값 변경하기
$('#id').val('변경')

#개체 숨기기
$('#id').hide()

#개체 나타내기
$('#id').show()

#css 값 가져오기
$('#id').css('width')

#css 값 변경하기
$('#id').css('width', '700px')

#태그 내 텍스트 변경하기
$('#id').text('메세지')

#태그 내 html 입력하기
let btn = `버튼`
let temp = `<button>열기 ${btn} 추가</button>`
$('#id').append(temp)

#내용 다 지우기
$('#id').empty()