Rumah > hujung hadapan web > Soal Jawab bahagian hadapan > Apakah perbezaan antara jquery dan swiper

Apakah perbezaan antara jquery dan swiper

WBOY
Lepaskan: 2022-05-30 10:44:48
asal
2015 orang telah melayarinya

Perbezaan: 1. jquery ialah perpustakaan fungsi JavaScript yang merangkumkan kod fungsi yang biasa digunakan dalam js, manakala swiper ialah pemalam kesan khas gelongsor yang dicipta oleh JavaScript tulen 2. jquery digunakan untuk mengoptimumkan operasi teks HTML dan interaksi Ajax, dsb. Swiper digunakan untuk melaksanakan penukaran tab skrin sentuh, dsb.

Apakah perbezaan antara jquery dan swiper

Persekitaran pengendalian tutorial ini: sistem windows10, versi jquery3.2.1, komputer Dell G3.

Apakah perbezaan antara jquery dan swiper

Apakah itu swiper?

Swiper ialah pemalam kesan khas gelongsor yang dicipta dalam javascript tulen untuk PC, tablet, dsb. terminal mudah alih. Swiper boleh merealisasikan kesan biasa seperti peta fokus skrin sentuh dan penukaran Tab skrin sentuh. Swiper ialah sumber terbuka, percuma, stabil, mudah digunakan dan berkuasa Ia merupakan pilihan penting untuk membina tapak web terminal mudah alih!

Swiper ialah pemalam gelongsor sentuh pada bahagian mudah alih, yang digunakan di tempat yang memerlukan operasi gelongsor, seperti iklan berterusan. Batasannya agak kecil.

Apakah itu jquery?

jQuery ialah rangka kerja js untuk pembangunan bahagian hadapan, terutamanya digunakan pada bahagian PC. Termasuk satu siri kaedah seperti pemilih, animasi, ajax, dll.

jquery ialah perpustakaan fungsi JavaScript yang merangkum kod fungsi JavaScript biasa, menyediakan corak reka bentuk JavaScript yang ringkas dan mengoptimumkan operasi dokumen HTML, pemprosesan acara, reka bentuk animasi dan interaksi Ajax.

Pengetahuan lanjutan:

Cara menggunakan: swiper

1 Memperkenalkan fail css dan js yang sepadan dengan swiper

2. . Ikut Rangka kerja perlu membina struktur tiga lapisan (div juga boleh mengandungi elemen lain seperti ul)

3 Cipta objek Swiper dan hantar elemen bekas kepadanya

// 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>
Salin selepas log masuk

Tutorial video berkaitan Disyorkan: Tutorial video jQuery

Atas ialah kandungan terperinci Apakah perbezaan antara jquery dan swiper. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan