Explication détaillée d'exemples de fonctionnement efficace jQuery des éléments de page

jQuery peut exploiter efficacement les éléments de la page.

---

À propos de la sélection des éléments de page DOM et CSS :

　$("span"); //Tous les éléments span

　$( " #elem"); //Élément avec l'identifiant elem

$(".classname"); //Élément avec le nom de classe

$("div#elem");/ /

$("ul li a.menu"); // balise avec la classe "menu"

$("p> ;span"); /L'étendue du sous-élément direct

de p $("input[type=password]"); //L'élément d'entrée du type spécifié

$("p:first ") ; //Le premier paragraphe de la page

$("p:even"); //Tous les paragraphes pairs

$(":header") ; //Éléments de titre (h1 à h6)

$(":button"); //Tous les éléments du bouton

$(":radio");

$ (":checkbox");　

　$(":checked"); //Boîte de sélection de l'état sélectionné ou boîte de sélection du segment

• html() Récupère l'élément ou Le contenu HTML d'un ensemble d'éléments, similaire au innerHTML de JavaScript, obtiendra l'intégralité du code HTML (y compris le texte).

var htmlContent=$("#elem").html();

$("#elem").html("<p>Here is some new content.</p>");/*修改内容*/

• text() récupère uniquement le contenu textuel de l'élément, obtient et modifie le contenu comme suit :

var textContent=$("#elem").text();
$("#elem").text("new content");     //修改内容
$("#elem").append("<p>Here is some new content.</p>")   //添加文本内容

• attr() renvoie une valeur d'attribut spécifique à l'élément Lorsqu'il est utilisé dans un groupe, renvoie la première valeur des éléments.

var title=$("#elem").attr("title");    //返回属性值

$("#elem").attr("title","new title");    //修改属性值

• show() //Afficher l'élément $("div").show();

• hide() // Masquer les éléments, la valeur de slow est d'environ 600 millisecondes

　 $("#elem").hide("slow",function ( ){

　　　　　　　　　　　　　　　　　　　　　　});　

---

Animation des éléments 1. Fondu entrant et sortant, tel que :

$("#elem").fadeOut("slow",funtion(){

// Opérations après fondu

　｝);

　

　$("#elem").fadeIn(500,function(){

　　　//Opération après fondu entrant

});

　

　$("#elem").fadeTo(3000,0.5,function(){

　　　　//L'opération après un fondu entrant ou sortant, 0,5 signifie Opacité, indiquant que le fondu final l'opacité apparaît ou disparaît jusqu'à 0,5

　} );

slideUp();

slideToggle(); Par exemple, modifiez la hauteur et la largeur de l'élément, puis faites-le disparaître et masquez-le.

Chaîne de commande

Il n'y a pas de limite à la longueur, et de nombreuses opérations peuvent être effectuées en continu sur le même groupe d'éléments :

$("#elem").animate(
    {
        width:400px;
        height:400px;
       },1500,function(){
               $(this).fadeOut("slow");
                }
  );

　$("#elem").text("Bonjour de jQuery").fadeOut( ).fadeIn();

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!