키보드와 하루

1. addClass() , removeClass() - 역할addClass() - 객체에 클래스 속성을 추가 removeClass() - 객체에 클래스 속성을 제거 2. addClass() , removeClass() - 기본코드 ◈ 코드 12345678910111213141516171819202122232425.hcolor{ color:blue;}.hcolor0{ color:yellow;}.hcolor1{ color:red;}.hcolor2{ color:green;}$(document).ready(function () {}); 테스트 - 1 테스트 - 2 테스트 - 3 3. addClass() - 예제1 ◈ 코드 123456789101112$(document).ready(function () { $(..

1. 필터 선택자 - 역할 기본 선택자 뒤에서 사용 세부적으로 좀 더 섬세하게 선택자를 선택 2. 필터 선택자 - 입력양식 선택자 예제 ◈ 코드 12345678910111213141516171819202122232425262728293031 $(document).ready(function () { $('input:password').css('color','blue'); alert($('select > option:selected').val()); }); 테스트1 테스트2 ◈ 결과화면 3. 필터 선택자 - 위치 선택자 역할 위치 선택자역할 기본요소:odd 홀수 번째 위치한 객체 선택 기본요소:even 짝수 번째 위치한 객체 선택 기본요소:first 첫 번째에 위치한 객체 선택 기본요소:last 마지막에 위..

1. 속성 선택자 - 역할기본 선택자 뒤에 붙어서 사용 2. 속성 선택자 - 유형 형태역할 기본요소[속성 = 값] 속성하고 값이 정확히 일치한 객체 선택 기본요소[속성 ^= 값] 속성이 값으로 시작하는 객체 선택 기본요소[속성 $= 값] 속성이 값으로 끝나는 객체 선택 기본요소[속성 *= 값] 속성이 값을 포함하는 객체 선택 3. 속성 선택자 - 예제코드◈ 코드 12345678910111213141516171819202122232425262728293031 $(document).ready(function() { $('input[type="password"]').css('color','blue'); $('input[type^="p"]').css('color','blue'); $('input[type$="d..

1. 자식 선택자 - 역할기본 선택자의 범위를 제한 좀 더 세부적인 문서객체를 선택하고자 하는 경우에 사용 2. 자식 선택자 - 예제코드1. >가 포함되어 있는 경우 ◈ 코드 1234567891011121314151617181920 $(document).ready(function () { $('div > *').css('color','blue');}); test목록1 test목록2 test목록3 테스트1 테스트2 ] ◈ 결과화면 2. >가 포함되지 않은 경우 ◈ 코드 1234567891011121314151617181920 $(document).ready(function () { $('div *').css('color','blue');}); test목록1 test목록2 test목록3 테스트1 테스트2 ]..

1. 선택자 - 역할jQuery에서 객체를 다룰 때 사용 코드에서 전체 또는 일부분에 해당하는 것의 속성을 수정하고자 할 때 사용 2. 선택자 - 전체 선택자◈ 코드 12345678910111213141516 $(document).ready(function () { $('*').css('color','blue');}); test와 테스트 -1 test와 테스트 -2 test와 테스트 -3 test와 테스트 -4 test와 테스트 -5 ◈ 결과화면 ◈ 설명 표시된 모든 객체의 색깔을 파란색으로 바꾸는 것입니다 3. 선택자 - 태그 선택자◈ 코드 12345678910111213141516 $(document).ready(function () { $('h1,h2').css('color','blue');}); ..

1. jqgrid - 기본함수 정리1.선택한 행 rowid 가져오기 ◈ 코드 1$('#그리드 아이디').jqGrid('getGridParam','selrow') 2.선택한 행 rowid 가져오기 ◈ 코드 123var selectRow = $('#그리드 아이디').jqGrid('getGridParam','selrow') var vsCon = $('#그리드 아이디').jqGrid('getCell',selectRow,'특정셀 name') 3.그리드 새로고침 ◈ 코드 1$('#그리드 아이디').trigger('reloadGrid') 4.그리드 원하는 행 선택 ◈ 코드 1$('#그리드 아이디').setSelection('원하는 rowid',true) 5.그리드 원하는 행 삭제 ◈ 코드 1$('#그리드 아이디')...

1. hide(),show() - 역할hide() - div요소를 숨기고자 할 때 사용 show() - 숨긴 div 요소를 다시 보이고자 할때 사용 2. hide(),show() - 예제코드 1. 아무 작업도 하지 않은 처음 화면 ◈ 코드 12345678910111213div {background:#000000;margin-bottom:20px;width:100px;color:#ffffff;padding:5px;} 첫번째 DIV 두번째 DIV ◈ 결과화면 2. 첫번째 DIV 숨기기 ◈ 코드 123456789$(document).ready(function () { $("#div1").hide();}); 첫번째 DIV 두번째 DIV ◈ 결과화면 3.두 DIV 숨기고 첫번째 DIV만 보이기 ◈ 코드 12345..