): Bibliotheek CSS (CSS) door gebruik te maken van de energie -, laten we snel en gemakkelijk toegang tot de documenten van onderdelen of elementen: - model (DOM) is een functie van het gebruik van de uitdrukking te vinden, waardoor dezelfde elementen op basis van de criteria in de DOM.Zolang je kan zeggen, - voor de selectie van een of meer gebruik te maken van de http: //europa.eu.int).Als een van de elementen is, als we kiezen voor de verschillende acties van elementen, $(). Functie: - beginnen met de dollar en de vermindering van het symbool en de haakjes; (euro).De fabriek functie, $(), met de volgende drie blokken in een bepaald dossier en de keuze van de negatieve elementen; SN - & beschrijving van 1, de naam van de vertegenwoordiger van de etikettering, een etiket de naam in de DOM worden gebruikt.Bijvoorbeeld, $("P") en de keuze van de leden < p> document., 2, id, vertegenwoordigers van een etiket met de id kan worden gegeven in de DOM.Bijvoorbeeld, $("# een id), in een document met some-id. kiezen, 3, etikettering van de afzonderlijke elementen van de id, vertegenwoordigers van een bepaalde categorie kan worden en de etikettering in de DOM.Bijvoorbeeld, $(". Een soort), in een soort van een klasse van de documenten in alle elementen van deze goederen kan.,, in combinatie met andere -, hetzij op zichzelf of gebruikt.Alle goede - is gebaseerd op dezelfde beginselen, afgezien van enkele aanpassingen.,, aandacht, en de vermindering van de functie; fabrieken, (), de dollar is synoniem met. (), functioneren.Dus als je op zoek bent met een andere javascript, dollar, teken is van een conflict, dan heb je het teken kan vervangen, de dollar, en de naam en het belangrijkste, je kunt gebruik maken van de mogelijkheden,. (), integendeel, $(), bijvoorbeeld, de volgende is een eenvoudig voorbeeld geven. Het gebruik van het etiket -.Dit zou selecteren alle elementen met een label naam, P, en zal die hun aanleiding tot het "geel"., < html> < head> < title> de belangrijkste Example< /title> < script type = "tekst /javascript" "=" http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js "> < /script> <. Type =" tekst /javascript "language =" javascript "> $(document). (functie) ($(" P "("). Background-color "," geel ");}); < /script> < /head> < body> < div> < P =" klasse; myclass "> dit is een paragraph.< /p> < P id =" myid "> dit is de tweede paragraph.< /p> < p> dit is de derde paragraDr. < /P > < /div > < /body > < /html > dit zal leiden tot de volgende resultaten en van het gebruik van negatieve;,, -?De keuze is, zeer nuttig zijn, bij elke stap van het gelijktijdige gebruik van dit nodig.Ze weet dat je van je wil: //europa.eu.int /comm /elementen, de volgende tabel geeft een overzicht van een aantal fundamentele - en voorbeelden van SN - &., beschrijving van alle elementen en een, de keuze van een bepaald element, de naam,id 2, de keuze van een eenheid, en bepaalde, id Match, categorie 3. In overeenstemming met de selectie van een bepaalde klasse van alle elementen,,,, 4 algemene (*), de keuze van alle elementen in de DOM beschikbare 5 meer elementen, E, F, G, selectie van alle aangewezen -, E, F, G, of een combinatie van de resultaten van de,,, -. Voorbeelden van dergelijke voorbeelden uit boven de grammatica en de de volgende voorbeelden geef je op verschillende vormen van andere nuttige - en negatieve begrip, hier heb je, D.Ifferent aard van de andere nuttig selectors −, s.n. uiteindelijk & - 1, $("*"), dit selector selects alle elementen in het kader van 2% ("P > * * * * * * *"), dit selector selects alle elementen die zijn kinderen van een lid 3, zo 'n naam, $("#specialID"), dit selector functie wordt het element met = "specialID.", 4% (".SpecialClass"), dit selector wordt alle elementen die het specialClass klasse van,,., 5 $("li:not (.Myclass)"), met alle elementen van Selects < li> dat niet hebben. = "myclass". 6 $("a#specialID.specialClass"), hij houdt van dit selector banden met een id van specialID, en A, klasse van specialClass,,., 7, $("p a.specialClass"), hij houdt van dit selector banden met een klasse van Een specialClass, declar,ed within <p> elements., 8 ,$("ul li:first"),This selector gets only the first <li> element of the <ul>., 9 ,$("#container p"),Selects all elements matched by <p> that are descendants of an element that has an id of ,container,., 10 ,$("li > ul"),Selects all elements matched by <ul> that are children of an element matched by <li>, 11 ,$("strong + em"),Selects all elements matched by <em> that immediately follow a sibling element matched by <strong>., 12 ,$("p ~ ul"),Selects all elements matched by <ul> that follow a sibling element matched by <p>., 13 ,$("code, em, strong"),Selects all elements matched by <code> or <em> or <strong>., 14 ,$("p strJanice,.Myclass "), met alle elementen van Selects < strong> die zijn descendants) van een element van < p> alsmede alle elementen die een klasse van een myclass.,,, 15, $(": een "), die hebben geen kinderen. Selects alle elementen, 16, $(" p:empty "), met alle elementen van Selects < p> die hebben geen kinderen. 17, $(" div[p] "), met alle elementen van Selects < div> dat heeft een element van p>) <;., 18, $(" p[.myclass] "), Selects alle elementen van LT) p> dat een element bevatten, met een klasse van een myclass,,., 19, $(" a[@rel] "), met alle elementen van Selects < a> dat een rel attribute., 20, $(" input[@name = myname] "), Selects alle elementen van input>) < dat heb ik een naam. De waarde,Gelijk aan, myname., 21, $("input[@name^=myname]"), met alle elementen van Selects < input> dat een begin met name VALUE, myname,., 22% ("a[@rel$=self]"), met alle elementen van Selects < a> dat hebben, die met die rel,., - 23,.,,, ("a[@href*=domain.com]"), met alle elementen van Selects < a> dat hebben een href waarde met domain.com., 24% ("li:even"), met alle elementen van Selects < li> dat hebben een zelfs - 25% (".,, tr:odd"), alle elementen van Selects) < tr> dat hebben een vreemde - 26% (".,, li:first"), Selects de eerste < li> zo 'n naam, 27% ("li:last"), Selects de laatste < li> zo' n naam, 28% ("li:visible"), Selects alle elementen met door <li> that are visible., 29 ,$("li:hidden"),Selects all elements matched by <li> that are hidden., 30 ,$(":radio"),Selects all radio buttons in the form., 31 ,$(":checked"),Selects all checked box in the form., 32 ,$(":input"),Selects only form elements (input, select, textarea, button)., 33 ,$(":text"),Selects only text elements (input[type = text])., 34 ,$("li:eq(2)"),Selects the third <li> element., 35 ,$("li:eq(4)"),Selects the fifth <li> element., 36 ,$("li:lt(2)"),Selects all elements matched by <li> element before the third one; in other words, the first two <li> elements., 37 ,$("p:lt(3)"),selects all elements matched by <p> elements before the fourth one; in other words the first three <p> elements., 38 ,$("li:gt(1)"),Selects all elements matched by <li> after the second one., 39 ,$("p:gt(2)"),Selects all elements matched by <p> after the third one., 40 ,$("div/p"),Selects all elements matched by <p> that are children of an element matched by <div>., 41 ,$("div//code"),Selects all elements matched by <code>that are descendants of an element matched by <div>., 42 ,$("//p//a"),Selects all elements matched by <a> that are descendants of an element matched by <p>, 43 ,$("li:first-child"),Selects all elements matched by <li> that are the first child of their parent., 44 ,$("li:last-child"),Selects all elements matched by <li> that are thE - ouders eindelijk een kind. En 45% ("moeder"), de selectie van alle elementen van de andere elementen van de tekst, met inbegrip van de ouders,., 46, $("li: bevat (2)"), die alle elementen van < li > bevat de Tekst van de twee, en je kan gebruiken, alle - en in het algemeen elke http: //europa.eu.int /XML - elementen.Als, bijvoorbeeld, de selectie, $("li: eerste"), werkt < li > miljoen, $("P: de eerste"), maar ook voor de < p> element.
-
Previous:Dit is de basis
Next Page:De kenmerken van dit