왕초보_day5-2

'jQurey'

• 예를 들어 버튼의 색깔을 바꾸고 싶다면?
• 예를 들어 div 박스를 하나 감추고 싶다면?
• → 이런 것들 쉽게 해주는 것이, jQuery!
• HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리!

• 3) jQuery 란?

  • HTML의 요소들을 조작하는, 편리한 Javascript를 미리 작성해둔 것. 라이브러리!

    Javascript로도 모든 기능(예 - 버튼 글씨 바꾸기 등)을 구현할 수는 있지만,

    1) 코드가 복잡하고, 2) 브라우저 간 호환성 문제도 고려해야해서,
    jQuery라는 라이브러리가 등장하게 되었답니다.

  • jQuery와 Javascript - 코드 비교해보기

    jQuery는 Javascript와 다른 특별한 소프트웨어가 아니라 미리 작성된 Javascript 코드입니다. 전문 개발자들이 짜둔 코드를 잘 가져와서 사용하는 것임을 기억해주세요! (그렇게 때문에, 쓰기 전에 "임포트"를 해야합니다!)

    Javascript로 길고 복잡하게 써야 하는 것을

    document.getElementById("element").style.display = "none";

    jQuery로 보다 직관적으로 쓸 수 있어요. 편리하죠? :-)

    $('#element').hide();

    .
    .
    

$('#a').val();
=$('#a') 는 id값. 쉽게말해 해당부분 ex입력칸 을 지칭하는 부분이고, 
.val(); 는 그 부분에 명령을 내리는 부분

S.fn.init [prevObject: S.fn.init(1)]
$('#post-box').hide()
S.fn.init [div#post-box.box]
$('#post-box').show()..
S.fn.init [div#post-box.box]
$('#post-box').css('width')
"500px"
$('#post-box').css('width','700px')
S.fn.init [div#post-box.box]
$('#post-box').css('display')
"block"
$('#post-box').hide()
S.fn.init [div#post-box.box]
$('#post-box').css('display')
"none"

width값을 보이게 할수도있고, 설정을 바꿀수도 있음
디스플레이가 보이면 block안보이면none으로뜸

$('a').text('b')
=a를 b텍스트로 바꾸는거

흑흑 어렵다 자바스크립트도 아직 익숙하지 않은데
얜또모야ㅠ
이번주 토요일 밤샘코딩 할때
첨부터 다시 복습하면서 스스로 하는 능력을 키워보겠다....