, nogle af de mest grundlæggende elementer, der kan manipulere, når det kommer til dom elementer er de egenskaber og egenskaber, der er tildelt disse elementer. de fleste af disse attributter er tilgængelige via javascript som dom node egenskaber.nogle af de mere almindelige egenskaber er −,, classname, tagname, id, href, titel, rel, src, overveje følgende: tillæg for et image element −, < img id = "imageid" src = "billede. gif" alat = "image" klasse = "myclass" afsnit = "her er et billede" /> i dette element er avancen, tag navn er img, og tillægget til id, src, alat, klasse, og afsnit repræsenterer element er attributter, som hver består af et navn og en værdi, jquery giver os midlerne. let at manipulere et element, attributter og giver os adgang til element, så vi også kan ændre dets egenskaber. få attributværdi, attr(), metode kan anvendes til enten at hente værdien af en attribut, fra det første element i par eller attribut values onto all matched elements.,Example,Following is a simple example which fetches title attribute of <em> tag and set <div id = "divid"> value with the same value −, <html> <head> <title>The jQuery Example</title> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> \t\t <script type = "text/javascript" language = "javascript"> $(document).ready(function() { var title = $("em").attr("title"); $("#divid").text(title); }); </script> </head> \t <body> <div> <em title = "Bold and Brave">This is first paragraph.</em> <p id = "myid">This is second paragraph.</p> <div id = "divid"></div> </div> </body> \t </html> ,This will produce following result −, ,Set Attribute Value,The ,attr(name, value), method can be used to set the named attribute onto all elements in the wrapped set using the passed value.,Example,Following is a simple example which set ,src, attribute of an image tag to a correct location −, <html> <head> <title>The jQuery Example</title> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> \t\t <script type = "tekst /javascript" language = "javascript" > $(dokument). - (function() {$("# myimg"). attr (src "," /jquery /images /jquery jpg)}). < /manuskript > < /head > < krop > < div > < img id = "myimg" src = "/images /jquery jpg alat =" prøve "image" /> < /div > < /organ > < /html > dette vil føre til følgende resultat −, anvendelse af stilarter,, addclass (klasser), metode kan anvendes til at anvende definerede stil plader på alle matchede elementer.You can specify multiple classes separated by space.,Example,Following is a simple example which sets ,class, attribute of a para <p> tag −, <html> <head> <title>The jQuery Example</title> <script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script> \t\t <script type = "text/javascript" language = "javascript"> $(document).ready(function() { $("em").addClass("selected"); $("#myid").addClass("highlight"); }); </script> \t\t <style> .selected { color:red; } .highlight { background:yellow; } </style>\t </head> < krop > < em afsnit = "dristige og modige" > det er første punkt. < /em > < p id = "myid" > det er stk. 2 < /p > < /organ > < /html > dette vil føre til følgende resultat −,, tilskriver metoder, er anført i nedenstående tabel ned få nyttige metoder, som de kan bruge til at manipulere karakteristika og egenskaber og minus;, s.n. metoder & beskrivelse 1 attr (egenskaber), fastsat en central /værdi formålet med egenskaber til alle matchede elementer., 2 attr (centrale, fodnote), fastsætte en fælles ejendomsret til en beregnet værdi, om alle matchede elementer., 3 removeattr (navn), fjerne en attribut fra hver af de matchede elementer., 4 hasclass (klasse), tilbage, hvis den angivne klasse er til stede på mindst énaf tilsvarende bestemmelser. 5. removeclass (klasse), fjerner alle eller den angivne klasse (r) fra det sæt af matchede elementer. 6. toggleclass (klasse), tilføjer den angivne klasse, hvis det ikke er til stede, fjerner den angivne klasse, hvis det er til stede. 7. http: //(), - html indhold (innerhtml) af den første matchede element. 8. html (val), fastsætte html indholdet af alle matchede element. 9 tekst (), få den kombinerede tekst indhold af alle matchede elementer. 10 tekst (val), som teksten indhold af alle matchede elementer. 11. val () få input - værdien af den første matchede element., 12 val (val), fastsatte værdi af hver tilsvarende attribut element, hvis det er kaldt på < input > men hvis det kaldes på < udvælge > med de døde< alternativ > værdi overbragte mulighed vil blive udvalgt, hvis det er opfordret check kasse eller radio kasse, vil alle de tilsvarende check kasse og radiobox skulle kontrolleres.,, eksempler, som svarer til ovennævnte syntaks og eksempler, som følgende eksempler ville give dem forståelse for ved hjælp af forskellige attribut metoder i forskellige situation og minus,,, her er en fuldstændig liste over attribut metoder i forskellige situation og minus;, s.n. vælgeren & beskrivelse 1 $("# myid"). attr ("vane"), ville dette afkast værdi af attribut, skik og brug, for det første element matching med id - myid., 2 $("img"). attr ("alt", "stikprøve billede"), den fastsætter, alat, tilskriver alle billeder til en ny værdi "stikprøve billede"., 3 $("bidrag"). attr ((værdi: "", afsnit: "gå ind i envalue" });,Sets the value of all <input> elements to the empty string, as well as sets The jQuery Example to the string ,Please enter a value,., 4 ,$("a[href^=http://]").attr("target","_blank"),Selects all links with an href attribute starting with ,http://, and set its target attribute to ,_blank,., 5 ,$("a").removeAttr("target"),This would remove ,target, attribute of all the links., 6 ,$("form").submit(function() {$(":submit",this).attr("disabled", "disabled");});,This would modify the disabled attribute to the value "disabled" while clicking Submit button., 7 ,$("p:last").hasClass("selected"),This return true if last <p> tag has associated class,selected,., 8 ,$("p").text(),Returns string that contains the combined text contents of all matched <p> elements., 9 ,$("p").text("<i>Hello World</i>"),This would set "<I>Hello World</I>" as text content of the matching <p> elements., 10 ,$("p").html(),This returns the HTML content of the all matching paragraphs., 11 ,$("div").html("Hello World"),This would set the HTML content of all matching <div> to ,Hello World,., 12 ,$("input:checkbox:checked").val(),Get the first value from a checked checkbox., 13 ,$("input:radio[name=bar]:checked").val(),Get the first value from a set of radio buttons., 14 ,$("button").val("Hello"),Sets the value attribute of every matched element <button>., 15 ,$("input").val("on"),This would check all the radio or checkrubrik knap, hvis værdi er "". 16 $("vælg"). val ("orange"), og dette ville vælge orange mulighed i et dropdown kasse med muligheder, orange, mango og banan. 17 $("vælg"). val ("orange", "mango"), dette ville vælge orange og mango muligheder i en dropdown kasse med muligheder, orange, mango og banan.,,
jquery attributter
Previous:jquery grundlæggende
Next Page:jQuery DOM Traversing