728x90 jQuery4 jQuery - 후손 선택자와 자손 선택자 1. 후손 선택자와 자손 선택자의 정의 후손 선택자는 선택된 태그의 모든 하위 태그를 말합니다. 후손 선택자 표현식 : 선택자P 선택자E 예시) $(".container ul") => 와 태그 전체가 선택됩니다. 자손 선택자는 선택된 태그의 바로 아래의 하위 태그(자식)을 말합니다. 자손 선택자 표현식 : 선택자P > 선택자E 예시) $(".container > ul") => 태그만 선택됩니다. title 2. css에서의 후손 선택자와 자손 선택자 후손 선택자 css 표현식 .container ul { background-color : "red" } => ul 태그와 하위 태그인 li태그까지 css가 적용됩니다. 자손 선택자 css 표현식 .container > ul { background-color .. 2021. 4. 28. jQuery - $.extend 함수 1. $.extend 함수(메소드)란 JQuery.extend() 함수는 복수의 오브젝트를 합쳐서(merge) 되돌려 주는 함수입니다. (플러그인 소스에서 디폴트 설정치를 덮어 쓸때 자주 볼 수 있습니다.) jQuery.extend( [ deep ], target, object1 [, objectN ] ) - deep: boolean 타입이며 true일 경우 깊은 복사로 merge합니다. (생략가능) - target: object 타입을 받으며, target에 다른 파라미터인 object1, objectN의 값을 merge합니다. - object1: object 타입을 받으며, target에 병합할 object입니다. - objectN: object 타입을 받으며 필수값이 아닙니다. object1파라미터.. 2021. 4. 27. jQuery - $.fn 확장 (사용자 정의 메소드) 1. $.fn 확장이란 jQuery 셀렉터를 이용하여 메소드를 추가할 때 사용되며, $.fn.메소드명으로 정의합니다. $.fn.test = function() { // 키워드 this는 $("셀렉터")를 통해 들어온 jQuery Object입니다. if(this.is("button")) { $(this).css("background-color", "red"); } } 위의 클릭한 태그가 버튼일 경우 버튼의 바탕색이 빨강색으로 변하는 예제입니다. 2. $.fn 확장의 주의할 점 1) 다른 jQuery 라이브러리와 사용 중일 경우 $.fn의 변수가 충돌할 수 있습니다. 이러한 충돌을 피하기 위해서 즉시 호출 함수 표현을 사용합니다. (function ($) { } (jQuery)); 즉시 호출 함수 표현을 .. 2021. 4. 26. jqGrid - 편집 모드 옵션(edittype, editoptions) 1. cellEdit 속성과 editable, edittype 옵션 그리드 셀에 text박스, select박스, 체크박스 등 다양한 태그를 사입하여 셀을 수정할 수 있다. 수정 기능 사용 시에는 반드시 cellEdit을 true 값으로 해야한다. 그리드 선언 시에 cellEdit를 true로 하거나 setGridParam을 통해서 cellEdit 속성을 true로 설정하셔야 셀 수정이 가능합니다. ex) $("#gridId").jqGrid("setGridParam", { cellEdit: false }); $("#gridId").jqGrid( ... // width : 100, autowidth : true, shrinkToFit : true, cellEdit: true, cellsubmit: "clie.. 2021. 4. 21. 이전 1 다음 728x90
