[jQuery] html(), text(), val() 구분

html(), text(), val() 특정 타겟의 내용(값)을 뽑아오고 싶을때 사용하는 함수 매번 잘 이해하고 암기했다고 확신했는데, 작업할 때마다 다시 찾고있는 저를 발견하게되어 정리해 두게 되었습니다. 저만 그런건 아니죠 ~?? 저는 jQuery랑 javascript가 약간 머리속에서 섞여 있는 것 같습니다. 이후에는 자바스크립트에 대한 부분도 정리해 보려고 합니다. 일단 오늘은 jQuery에 대한 부분 먼저 한번 정리해보겠습니다. $('selector').html(); 셀렉터 태그 내에 존재하는 자식태그를 태그나 문자열 상관없이 그대로 읽어올 때 사용 셀렉터로 지정된 노드의 내용을 html 형식으로 태그를 포함해서 추출 ▶ 태그 동적추가할 때 주로 사용되는 함수 Hello! // result He..

• format_list_bulleted jQuery/기본
• · 2023. 3. 17.
• textsms

[jQuery] 특정 영역 외 클릭 이벤트 e.target / e.currentTarget

특정 영역 외 클릭 이벤트 event.target / event.currentTarget 개발을 진행하면서, 커스텀 selectbox를 구현하거나, toggle 메뉴 위에 올라오는 서브 메뉴를 구현할 때, 외부 영역을 클릭하게 되면 닫히도록 구현을 해야했다. body를 사용해서 하면되지 않을까라고 생각했지만, 그럼 그에 해당하는 div 영역을 클릭했을 때에도 닫힐 것이다. 그래서 찾아보게 되었고, 정리해보자 event.target 이벤트가 발생한 요소를 반환 현재 이벤트가 발생한 요소의 속성들을 얻을 수 있으며, 만약 이벤트가 발생한 대상 id도 가져올 수 있다. $('.divBox').click(function(event){ console.log(event.taget); console.log(event..

• format_list_bulleted jQuery/기본
• · 2023. 3. 16.
• textsms

💡attr vs prop

💡 attr() VS prop() 💡 jQuery 1.6.0 업데이트로 attr() 과 prop() 두 개로 나눠졌다. attr() : HTML 속성 (Attribute) 취급 prop() : javascript 프로퍼티 (Property) 취급 * 속성(Attribute) 은 HTML 요소에 대한 추가 정보를 전달하며 쌍으로 제공 * 프로퍼티(Property) 는 HTML DOM트리의 특성으로 javaSctipt / jQuery를 통해 수정된 요소의 값을 가져오는데 사용하는 것이 좋음 // .html // .js // attr() var text = $("input[type=text]"); console.log(chk.attr("id"));// example console.log(chk.attr("ty..

• format_list_bulleted jQuery/기본
• · 2022. 12. 14.
• textsms

🧩jqGrid 간단한 사용법

🧩jqGrid 간단한 사용법🧩 fn_grdm_columns() { if (typeof this._cls_info.grdMasterCols === null || this._cls_info.grdMasterCols === null || this._cls_info.grdMasterCols.length < 1) { var owner = this; this._cls_info.grdMasterCols = [ { name: "branch_id", hidden: true }, { name: "senior_id", hidden: true }, {name :'checkBox', index :'checkBox', align:'center', cellattr: function () { return " class='order'..

• format_list_bulleted jQuery/rib - jQgrid
• · 2022. 12. 14.
• textsms

🧩jqGrid - cell - editable(style)

🧩jqGrid - cell - editable(style)🧩 1. cellattr 옵션을 통한 편집 유무 설정하기 (ft. 편집 방지) cellattr: function(rowid, value, rawObject, cm, rdata) { // 필요에 따라서 if 조건문을 걸어 조건에 맞는 cell만 편집 방지 return "class='not-editable-cell'"; }, 🔥 cellattr 옵션은 jqgrid에서 사용되는 colmodel 옵션 중 하나인데, 편집 유무 뿐만 아니라 다양한 작업을 할 때 자주 사용되는 옵션이다. 🔥 cell 마다 반복되며 해당 함수가 실행되기 때문에 cell 속성을 주입할 수 있어, cell 마다 ‘not-editable-cell’ 클래스를 주입하여 편집 방지를 걸어..

• format_list_bulleted jQuery/rib - jQgrid
• · 2022. 12. 13.
• textsms

input form reset function

보호되어 있는 글입니다.

• format_list_bulleted jQuery/기본
• · 2022. 10. 17.