본문 바로가기

제이쿼리3

querySelectorAll 활용 var 변수명 = document.querySelectorAll('CSS셀렉터'); .querySelectorAll()은 특정 CSS 선택자를 가진 모든 요소를 반환하는 속성이다. 이를 활용하여, input 태그의 data- 로 시작하는 커스텀 속성을 받아올 수 있다. 위 두가지를 활영하여, 한페이지에서 각각의 input박스에 따라 DB에 저장을 달리 할 때, Flag값으로 응용하여 사용함. 즉 thead 의 input박스는 Flag 값 H, tbody의 Input 박스는 Flag 값 P 로 각각 따로 저장하기 위함 ajax 부분과, controller 부분은 기재하지 않음. [JavaScript] var posHeader = ""; var posPoint = ""; var headerItems = do.. 2017. 3. 10.
jQuery 기본(2) 속성값 읽기 HTML태그 요소에 적용된 특정 속성값을 얻기 위해서는 css() 함수를 사용한다. var 변수 = $(“요소”).css( “CSS속성이름” ); 속성값 변경/추가 하기 HTML태그 요소에 특정 CSS값을 지정할 경우, attr()함수와 용법이 동일하다. $(“요소”).css( “속성이름”, “값” ); 또는 $(“요소”).css({ “속성1이름”: “값”, “속성1이름”: “값”, “속성n이름”: “값” }); bind 함수 -jQuery에서 이벤트 처리를 목적으로 사용하는 기본 함수. -앞서 소개한 이벤트 처리 기법은 모두 이 함수에서 파생됨. -bind 함수의 기본형은 적용 할 이벤트 이름과 함수를 파라미터로 전달하는 형식. $(“요소”).bind( “이벤트”, function () {.. 2017. 3. 10.
jQuery 기본(1) "$"객체의 사용 1. jQuery 함수로부터 전달되는 파라미터 받기 -jQuery의 모든 기능은 $라는 객체의 하위로 포함되어 있다. -“$”는 jQuery의 모든 기능을 담고 있는 객체이자 함수이다. -jQuery 함수로 페이지가 열릴 때 특정 함수를 호출하게 되면, 이 함수는 파라미터로 $라는 객체를 받는다. 이 객체를 통하여 jQuery의 막강한 기능을 사용할 수 있게 된다. 2.HTML 요소를 획득하기 -Classic Javascript에서 사용하던 document.getElementById(“id값”) 구문은 $(“CSS 셀렉터”) 형태로 축약된다 3.innerHTML의 간결화 -$ 함수를 사용하여 획득한 요소는 html 함수를 내장하고 있는 객체 형태가 된다. -innerHTML 대신 htm.. 2017. 3. 10.