웹 프로그래밍/jQuery (29) 썸네일형 리스트형 [jQuery] jQuery API 활용 예제 : 버튼 숨기기 https://api.jqueryui.com/hide/ jquery ui의 url을 선언해준다. 두개의 js가 지정돼있으면, 마지막 url이 먹는다. 버튼2 [jQuery] jQuery 객체와 JS 객체의 구분 버튼2 jQuery 객체는 배열 형태로 움직인다. [jQuery] 속성을 지정한 선택자 활용 : $('a[target]').hide a Tag 전 네이버 다음 a Tag 후 input 태그에서 type 속성을 지정하는 방법 input:button ==> ':' 콜론이 의미하는 것이 type 속성이다. 따라서 input 태그의 type 속성중에 속성값이 button 인 애들을 선택하는 것이다. 버튼2 type 속성은 input 태그와 button 태그 둘 다 가지고 있다. 아래처럼 쓰면, input 태그의 버튼과 button 태그의 버튼 모두다 숨겨진다. 왜냐면, 버튼태그에도 사실은 type이라는 속성이 있기 때문이다. $(':button').hide() 버튼 태그만 없애보자. 버튼2 [jQuery] 선택자, 후손태그 & 자식태그, :first & :first-child jQuery에서 선택자 형태 - $('태그명') - $('태그명#id명') - $('#id명') ==> id는 문서 내 유일하니까. 위와 같은 의미다. 다만 아래와 같은 경우가 있다. // p태그 중 id가 id01인 것과, 클래스명이 c01인 것 지우기 //$('p#id01').remove() //$('p.c01').remove() $('p').remove('#id01, .c01') //싱글쿼테이션이 감싸는 것 주의 - $('.클래스명) - $('태그명.클래스명') .hide() : display를 none으로 바꿔준다. .show() : 반대 개념이라고 함. Hello Hi Good-bye Hello Hi 자식태그와 후손 태그를 비교해보자. 자식 태그는 부모가 업고있다는 모양을 나타내기 위해 '>'를.. [jQuery] jQuery 설치 방법 및 기본 예 : $(document).ready(function(){}) document 객체들(DOM)을 동적으로 편하게 제어하기 위해서 만들어 진 것이 jQuery 일반적인 형태 : $(선택자).함수명(callback함수); compressed : 압축 버전 compressed 버전은 이렇게 돼있다. uncompressed는 이렇게 돼있다. compressed 화면에서 우클릭 해서 다운받는다. jquery 밑 js 폴더를 만들어서 거기에 파일을 카피한다. 3 버전대부터 Ajax 지원된다. 사실 지금은 Ajax가 뭔지 모른다. 잘 설치됐는지 확인해보자. 먼저 경로를 지정해준다. 경로에 ctrl 눌리고 마우스를 올렸을 때 경로가 잡히면 경로가 제대로 설정된 것이다. window.onload = function(){} 과 같은 의미를 가진 $(document).ready(fun.. 이전 1 2 3 4 다음
