정리/Javascript 6

jQuery에서 tr태그에 background-color가 먹지 않을때

jQuery를 사용하는 환경에서, 특정 tr태그를 클릭했을때, 클릭한 tr태그에 background-color를 주고, 나머지 tr태그에는 background-color를 흰색으로 주는 기능을 개발 하려고 한다. 하지만 아래와 같은 소스에서,, tr태그에서 background-color가 먹지 않는 현상이 발생한다. $("tr[data-oid]").css("font-weight", "normal"); $('tr[data-oid=' + indexOID + ']').css('font-weight', 'bold'); $("tr[data-oid]").css("background-color", "#ffffff"); $('tr[data-oid=' + indexOID + ']').css('background-colo..

정리/Javascript 2023.11.23

jQuery - $(document).ready()란?

jQuery에서 제공하는 $(document).ready()는 js개발을 할때 매우 유용하게 사용되곤 하는데, DOM(Document Object Model)이 완전히 불러와지면 실행되는 Event이다. 일반적으로 브라우저가 HTML을 보여주기 위해서는 먼저 문서 구조를 만들고 만들어진 문서 구조 위에 디자인을 입히는 형식을 취하는데, 이 과정에서 디자인이 입혀지지 않은 상태로 문서 구조가 만들어진 시점에 실행되는 Event가 바로 ready(). 사용법 $(document).ready(function(){ // 실행할 기능을 정의해주세요. }); 참고 jQuery 3.0 버전 이후부터는 첫 번째에 해당하는 구문만 사용하는 것을 권장드립니다. .ready() Event는 1.8 버전에서는 deprecat..

정리/Javascript 2023.09.21

동적으로 생성된 태그에 click 이벤트 달기

javascript환경에서 동적으로 태그가 그려지는경우에, 해당 태그에 event를 달기 힘들거나, 일일히 달기 귀찮을때 사용할 수 있는 방법이다. 원래같으면 다음과 같이 작성했을것이다. function testcode(){ $('.plupload_done input[type=radio]').click(function(){ alert('test!!'); }); } 만약 해당스크립트가 선언될때 DOM이 그려져 있다면 아무 문제가없이 동작할 것이다. 하지만 해당 function이 선언된 후에, 즉 특정 동작을 통해 동적으로 생긴 태그라면 해당 동작은 동작하지 않는다. 이럴땐 다음과같이 작성하면 된다. function testcode(){ $(document).on("click", ".plupload_done..

정리/Javascript 2023.05.25