개발자의 끄적끄적

[javascript/jquery] removeClass() 사용법 .removeClass()로 선택한 요소에서 클래스 값을 제거할 수 있습니다. 문법 1 .removeClass( className ) 클래스 값은 큰 따옴표 또는 작은 따옴표로 감쌉니다. 1 $( 'h1' ).removeClass( 'abc' ); 띄어쓰기로 구분하여 여러 개의 값을 제거할 수 있습니다. 1 $( 'h1' ).removeClass( 'ab cd ef' ); 페이지가 로드된 상태에서 클래스 값이 제거되는 것이므로, 제거되기 전의 모양에서 제거된 후의 모양으로 변하는 것을 방문자가 볼 수도 있습니다. 예제 h1 요소에서는 bg 클래스를 제거하여 테두리만 남기고, h2 요소에서는 bg와 bd 클래스를 제거하여 배경색과 테두리를..

[javascript & jquery] attr() 사용법 attr()메서드는 HTML속성을 다루는 jQuery getter/setter 메서드이다. attr() 메서드는 브라우저 간 비호환성과 특이 사항을 잘 처리한다. 따라서 HTML 속성명과 이에 해당하는 자바스크립트 프로퍼티, 이 둘이 달라도 어느 것을 사용하든 상관없다. 예를 들어 'for'와 'htmlFor', 'class'와 'className' 중에서 무엇을 사용하든 결과는 같다. .attr() 메서드는 선택자에 의해 선택된 요소들 중에서 제일 처음 요소의 속성값을 가지고 오는 함수이다. 만일 모든 요소들의 속성값을 개별적으로 알고 싶다면, .each()메서드나 .map() 메서드를 사용해야 한다. .attr(attributeName) 선택..

[javascript] 새창 띄우기 총 정리(주소표시줄 삭제후 새창 열기) [펌] 자바스크립트 새창 띄우기 총 정리 All=no location=yes directories=yes resizable=yes status=yes toolbar=yes memubar=yes All=yes 위의 예제는 각각 다른 옵션을 준겁니다. 소스 중 window.open의 내용이 있는 곳은 줄을 바꾸지 말고 한 줄에 다 넣으세요. 클릭했을 때 새창 열기 클릭 들어올 때 새창 열기 나갈 때 새창 열기 location : 주소표시줄 directoryies : 연결 resizable : 크기조절 staus : 상태표시줄 toolbar : 표시단추 memubar : 메뉴 width : 새창 너비 height : 새창 높이 left..

[javascript] window.open()으로 나오는 팝업창에 주소표시줄 없애기[펌] JSP 코딩을 하다보면 팝업창을 띄워야 하는 경우가 다수 있다, 그럴 경우 대부분 아래와 같은 방식을 사용할것이다. window.open("URL" ,"",Option); ex) window.open("/home/base/test/popup/test_popup.jsp?toggle=yes" ,"",toolbar=no,status=no,menubar=no,resizable=yes, location=no, top=100,left=100,width=380,height=380,scrollbars=no); 위의 예제와 같이 쓰는경우가 대부분일텐데 예제에서 보이는 부분중 URL표시를 없애는 부분은 location=no 옵션이다..

[javascript] 선택된 radio 버튼의 text 값 가져오기 빨간색 파란색 검은색 라디오 버튼의 value 값이 아닌 text값을 가지고 오는 방법입니다~ 라디오 버튼의 선택 된 값을 가지고 오는거라면 아래와 같이 하면 됩니다~ $('input[name="COLOR"]:checked').val(); 그리고 label 태그에 감싸져 있는 TEXT 값을 가지고 오려면 $("label[for='"+라디오 선택된 value 값+"']").text(); 하면 됩니다~ 참고들하세요~ 출처: https://choija.tistory.com/140 [수캥이의 삶 ]

[javascript] Select Box에서 선택한 Option의 Text값 가져오기 var target = document.getElementById("testSelect"); target.options[target.selectedIndex].text

[javascript] 2개의 폼 전송하기 위와 같은 폼이 있다고 가정하고, var data = $('#frm1, #frm2').serialize(); 또는 쉽게 var data = $('form').serialize(); 위 처럼 생성 된 data를 ajax로 전송하면 됩니다~ 참고들하세요! 출처 : https://enanii.tistory.com/308

[JQuery] 요소(element) 찾기[펌] Id, name, class로 찾기 // id로 접근시 $("#id") $("#form_id") // class로 접근시 $(".class") $(".section") // name으로 접근시 $("tag_name[name=name]") $("input[name=search_value]") => 태그이름 뒤 대괄호안에 [ ] 태그가 갖고있는 속성을 명시해서 엘리먼트를 찾을 수 있다. => name뿐아니라 $("input[value='TEST']") 이런식도 가능하다. // tag이름으로 접근시 $("tag_name") $("input") 그렇다면 특정 폼안에 있는 요스를 찾고싶을 땐? $('#form [name="param"]').val(); // sele..