jQuery 3

[jquery] DOM selector 접근

기본 selector* : 모든요소 element : 지정된 요소 이름을 가진 모든 요소 #id: 지정된 id 특성값을 가진 모든 요소들 .class: 지정된 class특성값을 가진 모든 요소들selector1, selector2 : 하나이상의 셀렉터와 일치하는 모든 요소들 (셀렉터 조합시 .add() 메서드를 사용하면 효율적) 계층 탐색 selector조상과 후손 요소 : ancestor(공백)descendant : 다른요소 하위요소들 탐색 selector ex) li a 부모와 자식 요소 : parent > child : 다른 요소의 직접적인 자식 요소들 탐색 selector (특정부모 요소의 모든 자식요소 탐색하려면 자식요소자리에 * 사용) 이웃 요소 : previous + next : 이전 요소의..

Back-end/JavaScript 2020.03.18

[jquery] 콜백함수 란? Call-back function

콜백함수란? 파라미터로 함수를 전달하는 함수이다. 전달받은 함수를 함수의 내부에서 실행시킨다. 예) jQuery에서 사용하는 콜백함수. $("#btn_1").click( function() {alert("Btn 1 clicked");} ); 예제와 같이 click 함수의 인자로 함수 자체( function( ~~~ ){} )를 전달하고 있다. 이 함수는 click 함수가 실행되면 동작한다. 위와 같은 형태가 가장 전형적인 자바스크립트 콜백 함수이다. 또다른 전형적인 예제를 보자. var friends = ["Hena", "Rex", "Ryan", "Paula" ] ;friends.forEach(function (eachName, index) {console.log (index + 1 + ". " + ea..

Back-end/JavaScript 2019.01.06

제이쿼리란? 에이젝스란? 제이큐그리드란? JQuery / Ajax / Jqgrid

제이쿼리(jQuery) 제이쿼리는 오픈 소스 기반의 자바스크립트 라이브러리이다. 우리가 웹에서 여러가지 효과를 나타낼때 자바스크립트를 활용해 아주 어렵고 복잡하게 기능 구현 하는것을 제이쿼리는 아주 간단하게 구현하게 도와준다.대표적으로 HTML문서탐색과 조작, 이벤트 처리, 에니메이션, Ajax등 자바스크립트에서 빈번하게 쓰이는 동작과 작업들을 바로 가져다 쓸 수 있게 해주고, 훨씬 간단하게 만들어준다.즉, 필요한 기능을 쉽게 가져다 쓸 수 있도록 해주는 자바스크립트로 구성된 프로그램 집합으로 볼 수 있다.폼의 유효성 검사, 드롭다운 메뉴 등 바로 응용하여 사용가능한 수천개의 다양한 플러그인을 지원한다. 수많은 자바스크립트 라이브러리 중 제이쿼리가 특히 많이 사용되는 이유? 1. 제이쿼리는 주요 웹 브라..

Back-end/JavaScript 2018.10.15