ホームページ > 記事 > ウェブフロントエンド > jqueryとswiperの違いは何ですか
違い: 1. jquery は一般的に使用される関数コードを js でカプセル化する JavaScript 関数ライブラリですが、swiper は純粋な JavaScript によって作成されたスライディング特殊効果プラグインです; 2. jquery は HTML テキスト操作を最適化するために使用されますスワイパーは、タッチ スクリーンのタブ切り替えなどを実装するために使用されます。
このチュートリアルの動作環境: Windows10 システム、jquery3.2.1 バージョン、Dell G3 コンピューター。
swiper とは何ですか?
Swiper は、純粋に JavaScript で作成されたスライド特殊効果プラグインです。 PC、タブレットなどのモバイル端末向け。スワイパーは、タッチ スクリーンのフォーカス マップやタッチ スクリーンのタブ切り替えなどの一般的な効果を実現できます。 Swiper はオープンソースで、無料、安定、使いやすく、強力なので、モバイル端末の Web サイトを構築するための重要な選択肢です。
Swiperはモバイル側のタッチスライドプラグインで、連続広告などスライド操作が必要な場所で使用されます。制限は比較的小さいです。
jQuery とは何ですか?
jQuery は、主に PC 側で使用されるフロントエンド開発用の js フレームワークです。セレクター、アニメーション、ajax などの一連のメソッドが含まれます。
jquery は、一般的な JavaScript 関数コードをカプセル化し、シンプルな JavaScript 設計パターンを提供し、HTML ドキュメント操作、イベント処理、アニメーション設計、および Ajax インタラクションを最適化する JavaScript 関数ライブラリです。
拡張知識:
使い方: swiper
1. swiper に対応する css ファイルと js ファイルを紹介します
2フレームワークは 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 ('.swiper-container'); </script>
推奨される関連ビデオ チュートリアル: jQuery ビデオ チュートリアル
以上がjqueryとswiperの違いは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。