>  기사  >  웹 프론트엔드  >  jquery와 swiper의 차이점은 무엇입니까

jquery와 swiper의 차이점은 무엇입니까

WBOY
WBOY원래의
2022-05-30 10:44:481978검색

차이점: 1. jquery는 js에서 일반적으로 사용되는 함수 코드를 캡슐화하는 JavaScript 함수 라이브러리인 반면, swiper는 순수 JavaScript로 생성된 슬라이딩 특수 효과 플러그인입니다. 2. jquery는 HTML 텍스트 작업 및 Ajax 상호 작용을 최적화하는 데 사용됩니다. 스와이프는 터치스크린 탭 전환 구현 등에 사용됩니다.

jquery와 swiper의 차이점은 무엇입니까

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery와 swiper의 차이점은 무엇인가요?

swiper란 무엇인가요?

Swiper는 PC, 태블릿 등 모바일 단말기용 순수 자바스크립트로 제작된 슬라이딩 특수효과 플러그인입니다. Swiper는 터치스크린 포커스 맵 및 터치스크린 탭 전환과 같은 일반적인 효과를 실현할 수 있습니다. Swiper는 무료이고 안정적이며 사용하기 쉽고 강력한 오픈 소스입니다. 모바일 터미널 웹사이트를 구축하는 데 중요한 선택입니다!

Swiper는 모바일 측 터치 슬라이딩 플러그인으로 연속 광고 등 슬라이딩 조작이 필요한 곳에 사용됩니다. 제한 사항은 비교적 작습니다.

jquery란 무엇인가요?

jQuery는 프론트 엔드 개발을 위한 js 프레임워크로 주로 PC 측에서 사용됩니다. 선택기, 애니메이션, Ajax 등과 같은 일련의 방법을 포함합니다.

jquery는 일반적인 JavaScript 함수 코드를 캡슐화하고 간단한 JavaScript 디자인 패턴을 제공하며 HTML 문서 작업, 이벤트 처리, 애니메이션 디자인 및 Ajax 상호 작용을 최적화하는 JavaScript 함수 라이브러리입니다.

지식 확장:

사용 방법: swiper

1. swiper

2에 해당하는 CSS 및 js 파일을 소개합니다. 프레임워크의 필요에 따라 3계층 구조를 구축합니다. div 내부의 ul과 같은 요소)

3. Swiper 객체를 생성하고 컨테이너 요소를 여기에 전달합니다.

// 1.引入swiper对应的css和js文件
<link rel="stylesheet" href="css/swiper.css">
<script src="js/swiper.js"></script>
// 2.按照框架的需求搭建三层结构
<div class="swiper-container">
    <div class="swiper-wrapper">
        <div class="swiper-slide">Slide 1</div>
        <div class="swiper-slide">Slide 2</div>
        <div class="swiper-slide">Slide 3</div>
    </div>
</div>
// 3.创建一个Swiper对象, 将容器元素传递给它
<script>
    var mySwiper = new Swiper (&#39;.swiper-container&#39;);
</script>

추천 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼

위 내용은 jquery와 swiper의 차이점은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.