js2uix-js v1.0.4

js2uix

js2uix 는 Dom Control 기능과 Component 제작 기능을 결합한 새로운 Javascript Module 이다. 기존의 Dom Control 기능을 Simple 하게 구현하였으며, 추가적으로 Component 제작이 가능하다.

js2uix (js2uix-dom-control)

1. 특징

1. js2uix('selector') : 기본 셀렉터

js2uix(param) : 파라미터의 값은 'string', 'object', 'function'

2. js2uix('selector).method().method() : 메소드 체이닝

js2uix selector 는 기본적으로 내장 기능을 메소드 체이닝을 통해 사용할 수 있다.

3. js2uix.Component() : component 객체를 생성

js2uix 모듈을 통해 독립된 Component 객체를 생성할 수 있다.

기능별 Component 객체를 생성/관리할 수 있으며 각각의 객체를 조합해 화면 렌더링을 할 수 있다.

2. 기능 (Dom Control)

addClass : 선택된 Dom 의 class name 설정.

addEvent : 선택된 Dom 에 event 설정

addId : 선택된 Dom 의 id name 설정.

after : 선택된 Dom 다음에 Dom 삽입.

append : 선택된 Dom 안의 마지막에 Dom 삽입.

before : 선택된 Dom 이전에 Dom 삽입.

children : 선택된 Dom 안의 자식 Dom 확인.

createDom : 새로운 Dom 생성.

css : 선택된 Dom 의 style 설정

extend : object 를 병합/상속

find : 선택된 Dom 안에서 특정 Dom 찾기

firstNode : 선택된 Dom 에서 첫번째 Dom 선택

getAttr : 선택된 Dom 의 attribute 확인

hasChild : 선택된 Dom 이 특정 자식을 가지고 있는지 확인

hasClass : 선택된 Dom 이 특정 class 이름을 가지고 있는지 확인

hasId : 선택된 Dom 이 특정 id 이름을 가지고 있는지 확인

hasParents : 선택된 Dom 의 부모중에 특정 이름을 가진 부모 확인

height : 선택된 Dom 의 height 값 설정 및 확인

lastINode : 선택된 Dom 중에 마지막 Dom 선택

left : 선택된 Dom 의 left 값 설정 및 확인

loaded : html 이 전부 load 된 이후 실행

loop : 선택된 Dom 또는 특정 Object 의 반복문 적용

nextNode : 선택된 Dom 의 다음 선택

offset : 선택된 Dom 의 offset 확인

parent : 선택된 Dom 의 바로 위 parent 확인

parents : 선택된 Dom 부모중 특정 parent 확인

prepend : 선택된 Dom 안의 처음에 Dom 삽입

prevNode : 선택된 Dom 의 이전 선택

remove : 선택된 Dom 을 삭제

removeAttr : 선택된 Dom 의 특정 attribute 값 삭제

removeClass : 선택된 Dom 의 특정 class 값 삭제

removeEvent : 선택된 Dom 의 event 제거

removeId : 선택된 Dom 의 특정 id 값 삭제

replace : 선택된 Dom 을 특정 Dom 또는 생성된 Dom 으로 교체

setAttr : 선택된 Dom 의 attribute 설정.

text : 선택된 Dom 의 text 설정 및 확인

top : 선택된 Dom 의 top 설정 및 확인

width : 선택된 Dom 의 width 설정 및 확인