jQuery 정렬 플러그인 15

웹 요소를 쉽게 관리하는 데 도움이되는 15 개의 실용적인 jQuery 정렬 플러그인!

코어 포인트 :

이 기사에는 페이지 또는 테이블 요소의 순서, 위치 및 구성을 효과적으로 제어 할 수있는 15 개의 강력한 jQuery 정렬 플러그인이 나와 있습니다. 각 플러그인에는 간단한 콘텐츠 정렬, 정렬 가능한 테이블 레이아웃, 애니메이션 테이블 정렬부터 고급 검색 사용자 인터페이스, 풍부하고 다양한 기능이있는 고유 한 기능이 있습니다.

jQuery 정렬 플러그인은 특히 대규모 데이터 세트 또는 목록보기를 처리 할 때 웹 사이트 상호 작용 및 사용자 친화 성을 향상시키는 강력한 도구입니다.

• 정렬 기능은 테이블 뷰와 같은 대규모 데이터 세트를 처리하는 데 매우 실용적이며 포트폴리오 페이지와 같은 목록보기를 관리하는 데 사용될 수도 있습니다. 이 기사에서는 15 개의 매우 편리한 jQuery 정렬 플러그인을 빠르게 소개합니다. 이 플러그인을 사용하면 페이지 또는 테이블 요소의 순서, 위치 및 구성을 더 잘 제어 할 수 있습니다. 경험을 시작합시다! 관련 독서 :
jQuery 정렬 배열 jQuery 랜덤 출력 배열
• jQuery ui
를 사용한 정렬 목록

jQuery 인터페이스 플러그인과 jQuery UI의 정렬 요소를 허용하는 두 개의 jQuery 플러그인이 있습니다. 이 튜토리얼은 후자를 사용하고 솔루션을 제공하여 목록을 저장합니다.

예

• jQuery jplist 플러그인
jplist는 HTML 구조 (div, ul/li, 테이블 등)를 정렬, 페이지를 찍고 필터링하기위한 유연한 jQuery 플러그인입니다.

1. jQuery 간단한 콘텐츠 정렬 향상 플러그인

이 플러그인은 콘텐츠에 대한 간단한 콘텐츠 분류기를 생성하고 페이징 기능을 사용하여 컨텐츠를 제어 할 수 있습니다! 간단한 콘텐츠 분류는 매끄러운 클라이언트 정렬 메커니즘을 제공하여 인터페이스를 아름답게하는 간단하고 사용하기 쉬운 방법을 제공합니다.

예

jQuery ui 정렬 가능한 플러그인

2. 는 DOM 요소 세트의 분류 가능성을 활성화합니다.

   예

jQuery 인터페이스 요소

인터페이스는 경량 JavaScript 라이브러리 jQuery를 사용하는 풍부한 인터페이스 구성 요소 모음입니다. 이러한 구성 요소를 사용하면 jQuery로 JavaScript를 작성하는 것만 큼 풍부한 클라이언트 웹 응용 프로그램 및 인터페이스를 쉽게 구축 할 수 있습니다.

예

6. tinysort
   tinysort는 텍스트 또는 속성 값 또는 하위 요소 중 하나의 값에 따라 모든 노드 유형을 정렬하는 작고 간단한 JQuery 플러그인입니다.
예

jsquared

이 플러그인을 사용하면 Google Squared와 같은 고급 검색 사용자 인터페이스를 구성 할 수 있습니다.

예

7. 애니메이션 테이블 분류 (정규 표현식이 지원됩니다)
   이 플러그인을 사용하면 열의 셀 내용 또는 셀 내의 어린이/후손 요소의 내용/값을 기반으로 테이블을 애니메이션 할 수 있습니다. 다양한 세포가 새로운 위치로 날아가서 좋은 결과를 얻을 수 있습니다.
예

테이블 분류기

페이지 새로 고침없이 표준 HTML 테이블을 Thead 및 TBody 태그로 변환하기위한 jQuery 플러그인. Tablesterter는 셀의 연결된 데이터를 포함하여 많은 유형의 데이터를 성공적으로 구문 분석하고 정렬 할 수 있습니다. 예

jQuery 양식

이것은 정렬 가능한 데이터 테이블 레이아웃을 만드는 데 도움이되는 간단한 jQuery 플러그인입니다.

예

JSORTED - 정렬 플러그인

이 플러그인을 사용하면 각 항목에 첨부 된 값 (숫자 또는 날짜)을 사용하여 변하지 않은 목록 또는 테이블을 오름차순 또는 내림차순으로 정렬 할 수 있습니다. 실시간 데이터 차트, 스포츠 위젯, 뉴스 스크롤 자막, HTML5 게임 등에 사용할 수 있습니다. 예

간단한 콘텐츠 정렬

9. 이 플러그인을 사용하면 컨텐츠를 깨끗하고 사용하기 쉬운 인터페이스로 정렬 할 수 있으며 페이징 기능이 장착되어 있습니다. 모든 작업은 JavaScript를 사용하여 수행되므로 페이지로드가 발생하지 않습니다.

   예

아름다운 데이터

이것은 지루한 HTML 테이블을 페이징 및 정렬과 같은 기능으로 변환하는 좋은 방법입니다. 이 jQuery 플러그인은 소스 파일을 지정하여 CSV 및 JSON의 데이터에 액세스 할 수도 있습니다. 예

14. jQuery ColumnManager 플러그인
    테이블 열의 가시성을 전환하는 jQuery 플러그인 (붕괴 및 확장)을 다음 액세스에 저장합니다.
예

javaScript 및 css 를 사용하여 정렬 목록을 드래그 앤 드롭 정렬 목록

이것은 현대식 브라우저에서 작동하는 직접 작동 예제입니다. 각 예제는 개념 증명입니다. 예 jQuery 정렬 플러그인에 대한 FAQS

(내용 의이 부분은 원래 텍스트와 동일합니다)

위 내용은 jQuery 정렬 플러그인 15의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!