JQuery

Den aktuelle version af siden er endnu ikke blevet gennemgået af erfarne bidragydere og kan afvige væsentligt fra den version , der blev gennemgået den 25. juli 2021; checks kræver 9 redigeringer .

jQuery
Type JavaScript - bibliotek
Udvikler John Resig
Skrevet i JavaScript [3]
Operativ system på tværs af platforme
Første udgave januar 2006
nyeste version
Licens MIT licens
Internet side jquery.com _ 
_
 Mediefiler på Wikimedia Commons

jQuery ( [dʒeɪ kwɪəri] ) er et JavaScript-funktionssæt, der fokuserer på interaktionen mellem JavaScript og HTML . jQuery-biblioteket gør det nemt at få adgang til ethvert DOM- element , få adgang til attributterne og indholdet af DOM-elementer og manipulere dem. jQuery-biblioteket giver også en praktisk API til at arbejde med AJAX . jQuery udvikles af et team af donerede frivillige [4] .

Oprettelseshistorie

HTML var en af ​​de første ting, John Resig lærte, da han begyndte at programmere. Resig programmerede i QBasic , da en bekendt viste ham, hvordan man opretter en webside (ved hjælp af Angelfire) samt det grundlæggende i HTML. Hans far gav ham to HTML-bøger til jul. Det var, da han først begyndte at programmere i Visual Basic , at HTML og webdesign fik ham meget interesseret.

Men passionen for JavaScript kom meget senere, omkring 2004. Resig forfulgte derefter en grad i datalogi og arbejdede på deltid hos et lokalt firma, Brand Logic. Han var involveret i designet af webstedet, som skabte tilpasset scrolling . John var frustreret og frustreret, især fordi han brugte kode fra andre udviklere, hvorefter han besluttede sig for seriøst at studere JavaScript. Efter at have studeret kom jeg til den konklusion, at JavaScript er et simpelt, men elegant sprog, utrolig kraftfuldt til at løse mange problemer. I løbet af de næste par år skabte John mange forskellige JavaScript-applikationer, før han afsluttede jQuery. Resigs hovedmål med at skabe jQuery var at være i stand til at kode genanvendelige bidder af kode, der ville forenkle JavaScript og bruge dem på en måde, der ikke behøvede at bekymre sig om problemer på tværs af browsere. Biblioteket blev præsenteret for offentligheden på 2006 BarCamp computerkonferencen i New York .

Funktioner

Filosofi

Ligesom CSS adskiller gengivelse fra HTML-struktur, adskiller jQuery adfærd fra HTML-struktur. For eksempel, i stedet for direkte at pege på en knaps klikhændelseshandler, overføres kontrollen til JQuery, som identificerer knapperne og derefter konverterer den til en klikhændelseshandler. Denne adskillelse af adfærd og struktur kaldes også det diskrete JavaScript- princip .

jQuery-biblioteket indeholder funktionalitet, der er nyttig til det bredest mulige udvalg af opgaver. Det var dog ikke biblioteksudviklernes mål at kombinere funktioner i jQuery, der ville passe overalt, da dette ville føre til en masse kode, hvoraf det meste ikke er påkrævet. Derfor blev arkitekturen af ​​den kompakte universelle kerne af biblioteket og plug-ins [6] implementeret . Dette giver dig mulighed for at indsamle præcis den JavaScript-funktionalitet, der ville være efterspurgt for ressourcen.

Brug

jQuery er typisk inkluderet i en webside som en enkelt ekstern JavaScript-fil:

< head > <!-- 1. metode - fra lokal server --> < script src = "jquery-3.5.1.min.js" > </ script > <!-- 2. metode - fra jquery server .com eller en anden CDN --> < script src = "https://code.jquery.com/jquery-3.5.1.min.js" > </ script > </ head >

Alt arbejde med jQuery udføres ved hjælp af $. Hvis webstedet bruger andre JavaScript-biblioteker, hvor det $kan bruges til dine behov, så kan du bruge dets synonym - jQuery. Den anden metode anses for at være mere korrekt, og for at koden ikke viser sig at være for besværlig, kan du skrive den som følger:

jQuery ( funktion ( $ ) { // script-kode her, hvor $ vil indeholde et objekt, der giver adgang til jQuery-funktioner })

Arbejde med jQuery kan opdeles i 2 typer:

  • Hentning af et jQuery-objekt ved hjælp af $(). For eksempel, ved at sende en CSS-vælger til den, kan du få et jQuery-objekt af alle HTML-elementer, der falder ind under kriteriet, og derefter arbejde med dem ved hjælp af forskellige metoder af jQuery-objektet. Hvis metoden ikke skulle returnere nogen værdi, returnerer den en reference til jQuery-objektet, som giver dig mulighed for at sammenkæde metodekald i henhold til konceptet med en flydende grænseflade .
  • Kalder globale metoder på objektet $, for eksempel praktiske array- iteratorer .

Et typisk eksempel på at manipulere flere DOM-noder på én gang er at kalde en funktion med en CSS$ -vælgerstreng , som returnerer et jQuery- objekt, der indeholder et antal HTML-sideelementer. Disse elementer behandles derefter af jQuery-metoder. For eksempel,

$ ( "div.test" ). tilføje ( "s.citat" ). addClass ( "blå" ). slideDown ( "langsom" );

finder alle div -elementer med klassetest , samt alle p -elementer med klassecitat , og tilføjer derefter klasse blå til dem alle og glider visuelt ned. Her returnerer add , addClass og slideDown metoderne en reference til det originale objekt $("div.test") , så det er muligt at kæde sådan.

Metoder, der begynder med $., er nyttige til håndtering af globale objekter. For eksempel:

$ . hver ([ 1 , 2 , 3 ], funktion () { dokument . skriv ( dette + 1 ); });

vil tilføje til siden 234.

$.ajaxog tilsvarende funktioner giver dig mulighed for at bruge AJAX - metoder . For eksempel:

$ . ajax ({ type : "POST" , url : "some.php" , data : { name : 'John' , location : 'Boston' }, success : function ( msg ){ alert ( "Data Saved: " + msg ) ; } });

I dette eksempel kaldes scriptet some.phpmed parametre name=John&location=Boston, og resultatet returneres i en besked via alert().

Et eksempel på tilføjelse af en klikhændelseshandler til et element ved hjælp af jQuery:

$ ( "a" ). klik ( funktion () { advarsel ( "Hej verden!" ); });

I dette tilfælde, når der klikkes på <a>-elementet, vises alert("Hello world!").

Integration med andre produkter

Den 28. september 2008 annoncerede den officielle jQuery-blog [7] , at Microsoft og Nokia vil samarbejde med en gruppe udviklere. Microsoft vil integrere jQuery-kodelister og -eksempler i sit ASP.NET -produkt , og Nokia vil integrere jQuery til sine mobile widgets.

Udviklingsteam

Arbejdet på biblioteket er opdelt i 5 grupper:

Hold Beskrivelse Medlemmer
Udvikling Ansvarlig for indholdet af biblioteket (udvikling, test, dokumentation mv.).
  • John Resig
  • Brandon Aaron
  • Ariel Flesler
  • Jorn Zaefferer
  • CyberMerlin
PR Ansvarlig for PR.
  • Rey Bango
  • Karl Swedberg
  • Cody Lindley
jQuery UI Udvikling og vedligeholdelse af jQuery UI [8] .
  • Paul Bakaus
  • Richard D Worth
  • Scott Gonzalez
  • Todd Parker
  • og andre [9]
plugins Personer, der er ansvarlige for udvikling af plugin
  • Yehuda Katz
  • Klaus Hartl
  • Mike Alsup
webdesignere Ansvarlig for design og vedligeholdelse af jQuery-siden [10] .
  • Scott Jehl
  • Mike Hostetler

Se også

Noter

  1. ↑ https://blog.jquery.com/2022/08/26/jquery-3-6-1-maintenance-release/
  2. ↑ Vedligeholdelsesudgivelse - 2022.
  3. ↑ jQuery Open Source-projektet på Open Hub: Languages-side - 2006.
  4. ↑ jQuery-teamet . Hentet 21. august 2018. Arkiveret fra originalen 19. august 2018.
  5. ↑ Sizzle er en CSS-vælgermotor på tværs af browsere . Hentet 22. november 2010. Arkiveret fra originalen 18. november 2020.
  6. ↑ Ber Bibo, Yehuda Katz. 1.3.5 jQuery-udvidelsen // jQuery. En detaljeret guide til avanceret JavaScript = jQuery in Action. - Sankt Petersborg. : Symbol-Plus, 2009. - 384 s. - 2000 eksemplarer.  - ISBN 978-5-93286-135-6 , 5-93286-135-5, 1-933988-35-5.
  7. ↑ Officiel jQuery-blog (downlink) . Arkiveret fra originalen den 6. august 2012. 
  8. ↑ Officiel jQuery UI-side (downlink) . Hentet 3. juni 2009. Arkiveret fra originalen 29. februar 2012. 
  9. ↑ Fuld liste over jQuery UI-bidragydere (link ikke tilgængeligt) . Hentet 3. juni 2009. Arkiveret fra originalen 29. februar 2012. 
  10. ↑ Officiel jQuery-side (downlink) . Hentet 3. juni 2009. Arkiveret fra originalen 29. februar 2012. 

Litteratur

  • Adam Freeman. jQuery for professionelle = Pro jQuery. - M. : "Williams", 2012. - 960 s. — ISBN 978-5-8459-1799-7 .
  • Jason Langstorf. PHP og jQuery for professionelle = Pro PHP og jQuery. - M. : "Williams", 2010. - S. 352. - ISBN 978-5-8459-1693-8 .
  • Samkov G. jQuery. Samling af opskrifter. - Sankt Petersborg. : BHV-Petersburg, 2010. - S. 416. - ISBN 978-5-9775-0495-9 .

Links