작업실

HTML 회 원 가 입 아이디 패스워드 패스워드 확인 이름 닉네임 이메일 @ 이메일 수신 수신미수신 SMS 수신 수신미수신 연락처 010011018-- 가입경로 -선택해주세요-검색지인추천광고지사이트 광고 취미 독서수영낚시등산 성별 남자여자 프로필사진 선택된 파일 없음 JS /** * */ window.onload=function(){ var input=document.querySelector("input") var ment=document.getElementById("ment") //id입력안이 포커스를 잃으면(blur) input.onblur=function(){ //alert(input.value) //input.value.length(문자열) var length=input.value.length i..

each() 메서드 요소 그룹(배열)을 받고, 그 그룹에 속하는 모든 요소에서 특정 작업을 수행 형식 $.each(object, function(index, item) { } ) $(선택자).each(fucntion (index, item) { } ) function(index, item) { } - index : 배열의 인덱스 또는 객체의 키 - item : 배열의 인덱스 또는 객체의 키가 가지고 있는 값 활용

1. 자식 선택자 문서 객체 모델(DOM=족보)에서 특정 태그(요소 노드)와 직접 연결된 모든 자식 태그(요소 노드)를 선택하기 위해 사용 '부모 > 자식’의 형태로 사용 예 : $(‘body > p’) 2. 속성 선택자 (기본 선택자 뒤에 붙여 사용하며, 입력 양식과 관련된 태그()를 선택할 때 많이 사용) val() 메서드 일치하는 태그의 value 속성값을 리턴하거나 값을 설정 처음으로 매치되는 태그의 value 속성의 값을 리턴 예 : $(선택자).val() 매치되는 모든 태그의 value 속성의 값을 설정 예 : $(선택자).val(값) 3. 필터 선택자 - 기호를 포함하는 선택자 - 입력 양식 필터 선택자 - 위치 필터 선택자

html code 태그 선택자 실습 아이디 선택자 실습 클래스 선택자 실습 js code /** * */ $(document).ready(function(){ //전체 선택자 : $("*") $("*").css("margin",0) //태그 선택자 : h1태그의 테두리 적용 $("h1").css("border","2px solid red") //아이디 선택자 //자바스크립트 : document.getElementById("idselector") $("#idselector").css({"background-color":"gray","color":"red"}) //클래스 선택자 $(".classselector").css("background-color","yellow").css("color","red"); ..

선택자 HTML 요소를 선택하거나 조작할 것을 지정 문서 내의 특정 태그를 선택 CSS 선택자와 유사 기본선택자 전체 선택자 $(“*”) 태그 선택자 $(“태그명”) 아이디 선택자$(“#아이디명”) 클래스 선택자$(“.클래스명”) √ 전체선택자의 역할 및 사용 예 별표(*) : HTML 문서 내의 모든 태그들을 선택 선택자: 문자열로 취급하여 ‘ ‘ 또는 ‚ ‚로 감싸줌 전체 선택자 표기법의 예 : $(‘*’) √ 태그선택자의 역할 및 사용 예 태그 이름에 근거하여 태그를 선택하며, 태그 이름을 이용 여러 개의 태그 선택 시 콤마( , )로 구분 $(“h1”,”p”) 예 : $(‘h1’) css( ) 메서드 : 선택된 태그의 스타일 속성 설정, 리턴 시 사용 css( ) 메서드로 선택된 태그의 스타일을 ..

JQuery를 정의하거나 접근하기 : $ 사용 $로 시작 -> 구문은 jQuery를 사용하겠다는 의미 기본 구문 $(선택자).메서드( ) 활용 h1 태그를 가져와 숨기도록 하는 코드 $(‘h1’).hide(); Window 객체의 onload 이벤트의 기본형태 onload 이벤트란 ? ‘브라우저에서 문서의 로딩이 종료되어 준비가 되면 입력된 함수를 실행하라’는 의미 Window 객체의 onload 이벤트의 기본형태를 JQuery를 이용하여 나타내기 JQuery 기본 문법

jQuery 파일과 작성될 HTML 문서 연결 : -> 제이쿼리 연결 코드 -> 어떤 파일과 연결해줄지 입력 코드 활용

JQuery 브라우저에서 동작하는 클라이언트 사이드 JavaScript 라이브러리 JavaScript 프로그래밍을 단순화 -> 간결한 코드로 많은 동작 구현 즉, 인터넷 개발자가 웹 페이지를 쉽고 빠르게 개발할 수 있도록 해주는 자바스크립트 기반의 프레임워크 JQuery의 기능 문서 객체 모델의 조작 / 이벤트 제어 / 애니메이션 JQuery의 장점 웹 표준만으로 플래시와 실버라이트를 사용하는 것과 비슷한 효과 구현 모바일에서도 작동 가능 브라우저간의 차이로 발생하는 문제점 쉽게 해결 -> 선호도 계속 증가 JQuery 다운로드 및 설치 방법 1번 방법을 추천합니다. 1. JQuery 라이브러리 다운로드 JQuery 검색 jquery.com 접속 빨간 밑줄 쳐놓은 Download 클릭 노란밑줄 다운로드 ..