Maison

Effets spéciaux JS

effets jQuery

Code de pagination de liste jQuery avec fonction de saut de recherche

Il s'agit d'un code de pagination jQuery très pratique qui peut définir le nombre de listes multiples et dispose d'une fonction de saut de recherche de pagination.

Télécharger maintenant Aperçu

code js

<script>
	var page = 1;
	var limit = 10;
	var sumPage = 6;
	var size = 28;
	$(function(){
		page = parseInt(page);
		limit = parseInt(limit);  //防止页码出现字符串，转换类型
		
		loadClass();
		setPageMsg();
		initPage();
		
		$("#pageLt").find("a").unbind("click").click(function(){
			$("#pageLt").find("a").removeClass("active");
			$(this).addClass("active");
			
			limit = parseInt($(this).text());
			// 分页执行的fun
		});
	});

	function loadClass(){
		
		if(limit == 10){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(0).addClass("active");
		}else if(limit == 20){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(1).addClass("active");
		}else if(limit == 30){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(2).addClass("active");
		}else if(limit == 40){
			$("#pageLt").find("a").removeClass("active");
			$("#pageLt").find("a").eq(3).addClass("active");
		}
	}

	/** 初始化分页控件 **/
	function initPage(){
		
		$(".down_page").click(function(){  //上一页
			if(page != 1){
				page = page - 1;
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("已经是第一页了","warning");
			}
		});
		$(".up_page").click(function(){   //下一页
			if(page < parseInt(sumPage)){
				page = page + 1;
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("已经是最后一页了","warning");
			}
		});
		$(".jump_page").click(function(){
			var pageNum = $("#pageNum").val();
			if(parseInt(pageNum) <= parseInt(sumPage)){
				page = parseInt(pageNum);
				$("#nowPage").text(page);
				// 分页执行的fun
			}else{
				alert("页数不能大于总页数","warning");
			}
		});
	}

	function setPageMsg(){
		$("#count").text(size);
		$("#nowPage").text(page);
		$("#allPage").text(""+sumPage+"页");
	} 
</script>

Jquery est l'une des technologies importantes requises pour la programmation Web. Jquery est un autre excellent framework Javascript après prototype. Il s'agit d'une bibliothèque js légère compatible avec CSS3 et divers navigateurs. jQuery permet aux utilisateurs de traiter plus facilement les documents et événements HTML, d'implémenter des effets d'animation et de fournir facilement une interaction AJAX pour les sites Web. Un autre gros avantage de jQuery est que sa documentation est très complète et que ses différentes applications sont expliquées en détail. Il existe également de nombreux plug-ins matures parmi lesquels choisir. jQuery peut séparer le code et le contenu HTML de la page HTML de l'utilisateur, c'est-à-dire qu'il n'est pas nécessaire d'insérer un tas de js dans le HTML pour appeler la commande.

Clause de non-responsabilité

Toutes les ressources de ce site proviennent d'internautes ou sont réimprimées par les principaux sites de téléchargement. Veuillez vérifier vous-même l'intégrité du logiciel ! Toutes les ressources de ce site sont uniquement à titre de référence d'apprentissage. Merci de ne pas les utiliser à des fins commerciales. Sinon, vous serez responsable de toutes les conséquences ! En cas d'infraction, veuillez nous contacter pour la supprimer. Coordonnées : admin@php.cn

Article connexe

Comment utiliser jQuery pour implémenter la fonction de saut de sélection de liste déroulante

11 Apr 2023

jQuery est une bibliothèque JavaScript largement utilisée qui aide les développeurs à gérer plus facilement les opérations DOM, la gestion des événements et les requêtes Ajax, elle est donc largement utilisée dans le développement Web. Dans cet article, nous verrons comment utiliser jQuery pour implémenter la fonction de saut de sélection par liste déroulante. Tout d'abord, examinons le code HTML de base comme suit : ```<select id="selectBox"> <option value="http://www.google.c

Yii2 implémente la pagination, exemple de fonction de pagination avec recherche

21 Apr 2018

Le contenu de cet article concerne l'implémentation de la pagination dans yii2 et l'exemple de la fonction de pagination avec recherche. Il a une certaine valeur de référence. Maintenant, je le partage avec vous. Les amis dans le besoin peuvent s'y référer.

Yii2 implémente la pagination, exemple de fonction de pagination avec recherche

13 Jan 2017

Cet article présente principalement l'implémentation de la pagination dans yii2 et un exemple de la fonction de pagination avec recherche. Elle a une certaine valeur de référence et les amis intéressés peuvent s'y référer.

Comment implémenter la fonction de pagination avec jquery+ajax

23 Apr 2018

Cette fois, je vais vous montrer comment jquery+ajax implémente la fonction de pagination. Quelles sont les précautions à prendre pour jquery+ajax pour implémenter la fonction de pagination. Ce qui suit est un cas pratique, jetons un coup d'œil.

jquery implémente l'effet de fonction de liste déroulante [exemple de code]_jquery

16 May 2016

L'éditeur ci-dessous vous apportera une implémentation jquery de la fonction de liste déroulante [exemple de code]. L'éditeur pense que c'est plutôt bien, alors je vais le partager avec vous maintenant et le donner comme référence.

HTML, CSS et jQuery : dresser une liste de données avec filtrage de recherche

26 Oct 2023

HTML, CSS et jQuery : Créez une liste de données avec filtrage de recherche Dans le développement Web, les fonctions d'affichage des données et de recherche sont souvent essentielles. Afin de permettre aux utilisateurs de trouver plus facilement les informations dont ils ont besoin, nous pouvons utiliser HTML, CSS et jQuery pour créer une liste de données avec fonction de filtrage de recherche. Des exemples de codes spécifiques sont détaillés ci-dessous. Tout d’abord, nous avons besoin d’une structure HTML pour afficher la liste des données. Voici un exemple simple : <!DOCTYPEhtm

jQuery+AJAX+PHP+MySQL développe une fonction de recherche sans saut ni actualisation

13 Jul 2018

Cet article présente principalement la fonction de recherche de développement jQuery+AJAX+PHP+MySQL sans saut ni actualisation. Il a une certaine valeur de référence. Maintenant, je le partage avec vous.

jquery ajax implémente la fonction de téléchargement de fichiers (avec code)

21 May 2018

Cet article présente principalement l'exemple de code de jquery ajax pour implémenter la fonction de téléchargement par glisser-déposer de fichiers. Le code est simple et facile à comprendre, très bon et a une valeur de référence. Les amis dans le besoin peuvent s'y référer.

jQuery liste déroulante d'embellissement formulaire de recherche effet code Sharing_jquery

16 May 2016

Cet article présente principalement le style de formulaire de recherche d'embellissement déroulant jQuery. La fonction est très simple à mettre en œuvre. Il est recommandé à tous les amis dans le besoin de s'y référer.

See all articles

Outils chauds Tags

Éditeurs PHP

Outils de développement

PHP IDE

Cadre PHP

PHP debugging tools

PHP extensions

Hot Tools

jQuery2019 Effets spéciaux d'animation de feux d'artifice de confession de la Saint-Valentin

Un effet spécial d'animation de feux d'artifice de confession jQuery pour la Saint-Valentin très populaire sur Douyin, adapté aux programmeurs et aux geeks techniques pour exprimer leur amour à la fille qu'ils aiment. Peu importe que vous choisissiez de l'aimer ou non, vous devez finalement être d'accord.