FlowerBombs

요소의 판별index() 함수특정 요소가 부모 태그 안에서 갖는 인덱스번호를 리턴하는 함수(0부터 시작함) ... // 부모 를 기준으로 2번째 요소이므로 인덱스 1이 리턴된다. var idx = $("#hello").index(); $(this)복수 요소에 대한 이벤트에 전달된 콜백함수 안에서 이벤트가 발생한 주체를 의미하는 객체 button1 button1 button1 // `btn`이라는 클래스를 갖는 모든 요소에 대해서 일괄적으로 적용되는 이벤트 $(',btn').click(function() { // 버튼은 한번에 하나씩만 누를 수 있다. // 이 안에서 $(this)는 클릭된 주체를 의미한다. } HTML 요소의 속성제어특정 요소에 적용되어 있는 속성값 조회하기1var foo = $("#ba..

javascript 9일차 요점정리 JQuery 이벤트 웹 브라우저가 HTMl요소를 인식한 후에 처리되어야 하므로 jQuery의 load 처리 안에서 정의한다.이벤트는 함수 형태로 정의되어 있고, 해당 이벤트가 발생한 경우 호출될 함수를 콜백 파라미터로 전달한다.콜백함수에는 이벤트의 정보를 갖는 e객체가 전달된다.* 필요한 경우 이 객체를 선언하고 활용할 수 있다.* e.preventDefault() 는 링크의 href 속성이나 폼의 submit 등에 대해서 HTMl 요소가 수행해야 하는 기본 동작을 차단하는 역할을 한다. // jQuery의 load처리 안에서 정의 $(function() { $("#foo").이벤트이름(function( [e ]) { [e.preventDefault();] }); })..

JSON 표기법 Javascript에서 사용되는 자료의 나열 방법으로 이름(key)와 값(value)의 쌍로 구성된다.ㄴ 일반변수(string, int, boolean, float_ 배열 --> 원소 형태로 일반변수, JSONJSON --> 배열이나 또다른 JSON 포함 가능. 이름(key)에는 따옴표 사용이 자유롭다. 이름에 "-"가 있는 경우는 따옴표 필수 ==> ex) background-color(x), "background-color" (o) 기본 정의 방법 var my_height = 175.6; var json = {name 'JS학생', // 문자열은 따옴표 사용.age: 20, // 숫자형이나 boolean은 따옴표 사용 안함.height: my_height // 다른 변수를 값으로 사용..

HTML 요소 접근HTML요소를 JQuery객체로 생성var obj = $("CSS셀렉터"); .hello .hello{..} (X) 대상 요소를 지정할 수 있는 CSS셀렉터를 사용한다.jQuery에서 사용한 CSS셀렉터가 반드시 태그에 정의되어 있어야 하는 것은 아니다.혼란을 피하기 위해 CSS에서는 class형식으로만 셀렉터를 구성하고, jQuery에서는 가급적 id속성만으로 대상을 지정한다.* CSS : TAG나 ID속성을 사용한 셀렉터 지양.자손, 자식 셀렉터의 구성도 가급적 class속성만으로 구성.* jQuery: 대부분의 경우 ID속성을 사용하지만동시에 여러 개의 객체를 제어해야 할 경우는 class속성도 사용. HTML요소 내의 내용 제어 obj.html(...) html() 함수는 파라미..

DOCTYPE html> ... meta 태그 설정 및 css 처리 ...... html 태그 .../** 모든 곳에서 인식할 변수 및 함수 정의 영역 */ /** jQuery 구현 부분 */$(function() {// 이 영역이 페이지 로딩이 완료된 후 실행된다.}); ㄴbody의 onload 이벤트--> 프로그래밍 언어에서의 main()역할. -8일차 정리

요소 제어 var myimg = document.getElementById("img요소의 id"); myimg.src = "이미지파일경로";myimg.width = "200px";myimg.height = "100px" 요소제어 요소의 객체 획득하기 id속성값으로 접근하는 경우// form 의 id속성값이 `form_id` 인 경우 var myform = document.getElementById("form_id"); name속성값으로 접근하는 경우 // form의 name속성값이 `form_name` 인 경우var myform = document.form_name; 획득한 안의 요소 접근 id속성값으로 접근하는 경우var hello = document.getElementById("input_id"); ..

웹 브라우저의 정보 조회웹 브라우저의 이름, 버전정보, 운영체제 정보 등이 포함된 문자열 값.var agent = navigator.userAgent; 이 값에 특정 단어가 포함되어 있는지 여부를 판단하여 브라우저나 운영체제 종류, 모바일/PC 여부 등을 확인할 수 있다. var agent = navigator.userAgent;if (agent.indexOf('검사할단어') > -1 ) {... 처리내용...} HTML제어 HTML요소를 객체로 생성하기var mytag = document.getElementById("id속성값"); 획득한 객체의 내부에 대한 내용 접근// 내용 적용하기mytag.innerHTML = "... 적용할 내용 ..."; // 적용된 내용 조회하기var content = my..

// 10! 출력하기 function factorial(i){ if (i ==1 ) { return i; } else { return i * factorial(i-1); } } console.log(factorial(10));