midori JavaScript 프레임워크
midori JavaScript Framework
개발자 | 아이칸 굴레스 |
---|---|
안정된 릴리스 | 2010.05 / 2010년 5월 10일 ( |
기입처 | 자바스크립트 |
유형 | 웹 응용 프로그램 프레임워크 |
면허증. | MIT 라이선스 |
웹 사이트 | http://www.midorijs.com |
미도리는 자바스크립트[1] 웹 개발을 쉽게 해주는 초경량 자바스크립트 라이브러리였다.이것은 Aycan Gullez에 의해 만들어졌으며 2010년 6월 이후 업데이트되지 않았다.2018년 11월에 사이트가 다운되어 2019년 8월부터는 관련 없는 다양한 일본 웹사이트로 바뀌었습니다.
특징들
- CSS 셀렉터를 사용한 DOM 요소 선택
- 탭
- 드래그 앤 드롭
- 영향들
- 팝업 메뉴
- 이력 지원 포함 Ajax
- 자동 완성
- 인라인 편집
- 테이블 행 선택
- DOM, cookie, 폼, 문자열 및 어레이 유틸리티 메서드
사용하다
midori는 10개의 모듈로 구성되어 있으며 하나의 JavaScript 파일로 제공됩니다.다음 마크업을 사용하여 임의의 웹 페이지에 포함할 수 있습니다.
< >대본 유형="텍스트/스크립트 작성" src="path/to/midori.midori."</>대본>
midori에서는 표준 CSS 구문을 사용하여 DOM 요소에 액세스할 수 있으며 대부분의 CSS2 및 CSS3 [2]셀렉터를 지원합니다.반환된 DOM 요소에는 3가지 방법이 있습니다.
- 빌트인을 사용하여 단일 속성을 수정하기 위한 JavaScript 코드 전달
apply()
방법:
// "cities" 테이블의 짝수 행에 있는 모든 셀의 배경색을 "노란색"으로 설정합니다. 미도리.얻다('#tv tr:n번째-child(짝수) td').적용합니다.('style.backgroundColor = "노란색");
- 보다 복잡한 작업을 위해 단일 매개 변수를 사용하는 함수를 전달하고 다시 한 번
apply()
방법:
// "cities" 테이블에서 값이 12 이상인 셀을 표시합니다. 미도리.얻다('#td').적용합니다.(기능. (o) { 한다면 (해석(o.내부 HTML) >= 12) o.스타일..배경색 = '빨간색'; });
- 에서 반환된 어레이 항목에 직접 액세스
midori.get()
할 수도 있습니다.
// 첫 번째 div 요소를 반환합니다. 변화하다 첫 번째 분할 = 미도리.얻다('div')[0];