쿠카의 개발일지

input:hidden[name=SA1] 실무를 하다가 아래와 같은 코드를 발견했다. $('form[name=main_form2] input:hidden[name=SA1]').removeAttr('value'); $('form[name=main_form2] input:hidden[name=SA1Name1]').removeAttr('value'); 조금 생소해서 예제를 찾아서 아래에 정리하였다. 이름: 전화: 주소: $("[attribute]") : [attribute(속성)] selector는 각 selector의 특정 속성을 선택한다. [attribute=value] : 특정 속성과 값을 가진 각 element를 선택한다. $(selector).attr(attribute) : attribute의 값을 ..

1. 커서 변경 $('body').css('cursor', 'default'); $('body').css('cursor', 'wait'); 2. Select Box에서 선택된 Value 찾기 $('#search_sale_pernr_s option:selected').val(); 3. Table의 타이틀 Row를 제외한 모든 Row 삭제하기 $("#data_list_table > tbody").children("tr:not(:first)").remove(); 4. Table의 마지막 Row 다음에 Row 추가하기 $("#data_list_table > tbody:last").append("값1"); 5. innerHTML값 Setting하기 $("#id_total_price").html("값"); 6. 해..

addClass(), removeClass(), hasClass() 예제 # 제이쿼리 addClass() 정보 및 예제보기아래는 제이쿼리를 사용한 addClass() 메소드입니다. 기본적인 문법은 아래와 같습니다. $(element).addClass('클래스명'); addClass() 속성을 사용하면 특정 요소에 새로운 클래스를 추가할 수 있습니다. 앞에 언급한 것처럼 이미 가지고 있는 클래스는 더 이상 추가되지 않습니다. ! addClass() 예제보기만약 아래와 같이 span 태그가 존재할 경우 여기에 red 클래스를 주어 폰트색을 변경하는 예제를 만들어 보겠습니다. .red { color: red; } Test addClass @ red.js $('span').addClass('red'); 위 코드..

상위 요소 선택자 - 선택한 요소를 기준으로 모든 상위 요소를 선택하거나 상위 요소 중 선택하고자하는 요소만 선택할 때 사용 기본형 $("요소 선택").parents(); $("요소 선택").parents("요소 선택"); - 예제 선택자 내용 내용 출처 : https://shgdx.tistory.com/57?category=954801 [JQuery] 선택자 - 인접 관계 선택자 1. 개발 환경 구분 내용 사용 언어 HTML5, CSS3, JS, jQuery 개발환경 Visual Studio Code 참고 도서 [Do it] 자바스크립트 + 제이쿼리 입문 웹브라우저 Chrome 2. 주요 문법 1) 인접 관계 선택자 - 직접 선택자로 요 shgdx.tistory.com

1. 기본 선택자 - $('h1').css('color', 'red'); - ('h1') 선택자와, css('color', 'red') 메서드 - 문서 객체를 다룰 때 사용하는 형태 - CSS 선택자와 유사 1.1. 전체 선택자 (Wildcard Selector) - * - HTML 페이지에 있는 모든 문서 객체를 선택 1.2. 태그 선택자 - 태그명 - 특정한 태그를 선택 1.3. 아이디 선택자 - #아이디명 - 특정한 id 속성이 있는 문서 객체를 선택 Header 1.4. 클래스 선택자 - .클래스명 - 특정한 class 속성이 있는 문서 객체를 선택 Header1 Header2 Header Header Header Header 2. 자손 선택자와 후손 선택자 - 기본 선택자의 앞에 붙여 사용 - ..

$.ajax() 사용방법 비동기 요청 시 사용하는 $.ajax() $.ajax({ url: 'example.php' // 요청 할 주소 async: true, // false 일 경우 동기 요청으로 변경 type: 'POST' // GET, PUT data: { Name: 'ajax', Age: '10' }, // 전송할 데이터 dataType: 'text', // xml, json, script, html beforeSend: function(jqXHR) {}, // 서버 요청 전 호출 되는 함수 return false; 일 경우 요청 중단 success: function(jqXHR) {}, // 요청 완료 시 error: function(jqXHR) {}, // 요청 실패. complete: func..

.attr() .attr()은 요소(element)의 속성(attribute)의 값을 가져오거나 속성을 추가한다. 문법 1 - 속성의 값 가져오기 선택한 요소의 속성의 값을 가져온다. .attr( attributeName ) 예를 들어 아래는 div 요소의 class 속성의 값을 가져온다. $( 'div' ).attr( 'class' ); 문법 2 - 속성 추가하기 선택한 요소에 속성을 추가한다. .attr( attributeName, value ) 예를 들어 아래는 h1 요소에 title 속성을 추가하고 속성의 값은 Hello로 한다. $( 'h1' ).attr( 'title', 'Hello' ); 예제 1 - 속성의 값 가져오기 h1 요소의 class 속성의 값을 가져와서 출력한다. Lorem ips..

jQuery를 통해 select박스 제어 /********** value **********/ $(선택자).val(); //value값 가져오기 $("#id").val(); //id로 접근하여 value가져오기 $("select[속성='속성명']").val(); //속성으로 접근하여 value가져오기 /********** text **********/ $(선택자 option:selected).text(); //text값 가져오기 $("#id option:selected").text(); $("select[속성='속성명'] option:selected").text(); text값은 가져올때 해당자식인 option의 선택된 개체를 가져와야합니다. option:selected 해당 옵션이 없으면 select ..