1. Location:
  2. / Computer learning >> Computer læring >> Kendskab til programmering >> Scripting Sprog >> JavaScript >>

jquery koncist: http: //former & jquery

, jquery koncist: http: //former og jquery,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss. denne post er en del af en serie kaldet jquery succinctly.jquery koncist: jquery manipulationjquery koncist: begivenheder & jquery, uskadeliggør /give form elementer, ved hjælp af jquery, du kan let slå form elementer ved at sætte handicappede attributværdi af en formular element for handicappede.for at gøre dette er vi blot udvælge et input, og så bruger den, attr(), metode, vi sætter handicappede attribut af input til en værdi af handicappede.,,, <!doctype html > < http: //lang = ", en" > < krop > < input navn = "knap" type = "knap" id = "knap" værdi = "klik" > < manuskript src = "http: //ajax. googleapis. kom /ajax /libs /jquery /1.7.2 /jquery. min.js" > < /manuskript > < manuskript > (funktion ($) {$('# knap "). attr ('disabled", "handicappede");}) (jquery); < /manuskript > < /organ > < /html > for at gøre det muligt for en handicappet form element, vi bare fjerne de handicappede attribut med, removeattr() eller handicappede attributværdi til tom ved, attr(),., <!DOCTYPE html> <html lang="en"> <body> <input name="button" type="button" id="button" value="Click me" disabled="disabled"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function($){ $('#button').removeAttr('disabled'); //or //$('#button').attr('disabled', ''); })(jQuery); </script> </body> </html>, ,How to Determine If a Form Element Is Disabled or Enabled,Using the jQuery form filter expressions ,:disabled, or ,:enabled,, it is rather easy to select and determine (Boolean value) if a form element is disabled or enabled. undersøge kode nedenfor for en afklaring. <!doctype html > < http: //lang = ", en" > < krop > < input navn = "knap" type = "knap" id = "button1" > < input navn = "knap" type = "knap" id = "button2" handicappede = "handicappede" > < manuskript src = "http: //ajax. googleapis. kom /ajax /libs /jquery /1.7.2 /jquery. min.js" > < /manuskript > < manuskript > (funktion ($) (////////er det muligt?indberetning ($('# button1). (": mulighed for"); //indberetninger sandt //eller ved hjælp af et filter indberetning ($('&#button1: aktiveret). længde); //indberetninger "1" //er det handicappede?indberetning ($('# button2). (": handicappede)); //indberetninger" ægte "//eller ved hjælp af et filter indberetning ($('&#button2: handicappede). længde); //indberetninger" 1 "}) (jquery). < /manuskript > < /organ > < /html >,, udvælgelse af /clearing et enkelt tjek kasse eller radio - knappen, du kan vælge en radio knap input eller check kasse ved fastsættelsen af sine, kontrolleret, tilskriver, rigtigt, ved, attr(),., <!DOCTYPE html> <html lang="en"> <body> <input name="" value="" type="checkbox"> <input name="" value="" type="radio"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function($){ //Set all check boxes or radio buttons to selected $('input:checkbox,input:radio').attr('checked', 'checked'); })(jQuery); </script> </body> </html>,To clear a radio button input or check box, simply remove the checked attribute using the ,removeAttr(), method or set the ,checked, attribute value to an empty string., <!DOCTYPE html> <html lang="en"> <body> <input name="" type="checkbox" value="Test1" checked="checked"> <input name="" type="radio" value="Test2" checked="checked"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function($){ $('input').removeAttr('checked'); })(jQuery); </script> </body> </html>, ,Selecting/Clearing Multiple Check Boxes Or Radio Button Inputs,You can use jQuery's ,val(), on multiple check box inputs or radio button inputs to set the inputs to checked. dette er gjort ved at vedtage den, val(), metode, et system med en snor, som falder sammen med den check kasse input - eller radio knap inputværdien attribut. <!doctype html > < http: //lang = ", en" > < krop > < input type = "radio" værdi = "radio1" > < input type = "radio" værdi = "radio2" > < input type = "afkrydsningsfelt" værdi = "checkbox1" > < input type = "afkrydsningsfelt" værdi = "checkbox2" > < manuskript src = "http: //ajax. googleapis. kom /ajax /libs /jquery /1.7.2 /jquery. min.js" > < ///////manuskript > < manuskript > (funktion ($) (//kontrollere alle radio - og check kasse input på den side.$('input: radio, input: afkrydsningsfelt). val (['radio1 "," radio2 "," checkbox1 "," checkbox2 ']); //anvendelse udtrykkeligt iteration at klare.//$('input: radio, input: afkrydsningsfelt '). removeattr ('checked'); ////////////////eller $('input: radio, input: afkrydsningsfelt '). attr ('checked', ');}) (jquery). < /manuskript > < ///////lig > < /html >,,, noter, hvis kontrollen kasse eller radio knap er allerede udvalgt efter, val(), vil ikke klare input element.,, at afgøre, om en check kasse eller radio knap er udvalgt eller godkendt, vi kan fastslå, om en check kasse input eller radio knap input er udvalgt eller udlignes ved hjælp af: kontrolleret form filter.undersøge kode nedenfor for flere anvendelser af: kontrolleret, filter, <!doctype html > < http: //lang = ", en" > < krop > < indgående undersøgt = "kontrolleret" type = afkrydsningsfelt "> < indgående undersøgt =" kontrolleret "type =" radio "> < manuskript src =" http: //ajax. googleapis. kom /ajax /libs /jquery /1.7.2 /jquery. min.js "> < /manuskript > < manuskript > (funktion ($) (//indberetninger" ægte "indberetning ($('input: afkrydsningsfelt"). ('): kontrolleret)); //eller tilsat indpakning, der, hvis kontrolleres.indberetninger "1" indberetning ($('input: afkrydsningsfelt: kontrolleret). længde); //indberetninger "ægte" indberetning ($('input: radio). (": kontrolleret)); //eller tilsat indpakning, der, hvis kontrolleres.indberetninger "1" indberetning ($('input: radio: kontrolleret). længde)}) (jquery). < /manuskript > < /organ > < /html >,, hvordan til at afgøre, om en formular element er skjult, kan du fastslå hvis en form element er skjult ved hjælp af: skjult form filter.undersøge kode nedenfor for flere anvendelser af: kontrolleret, filter, <!doctype html > < http: //lang = ", en" > < krop > < input type = "skjulte" > < manuskript src = "http: //ajax. googleapis. kom /ajax /libs /jquery /1.7.2 /jquery. min.js" > < /manuskript > < manuskript > (funktion ($) (//indberetninger "ægte" indberetning ($('input). ("skjulte") og /eller tilsat papir fastsat, at skjulte.indberetninger "1" indberetning ($('input: skjult). længde)}) (jquery). < /manuskript > < /organ > < /html >,, at /bliver værdien af en input - element, og det er det, val(), metode kan anvendes til at fastsætte og få attributten værdi af en input - element (knap afkrydsningsfelt, skjult, image, kodeord, radio, nulstil, forelægge tekst).nedenfor, jeg satte værdien for hver input i val(), og så advare værdien af, val(), metode. <!DOCTYPE html> <html lang="en"> <body> <input type="button"> <input type="checkbox"> <input type="hidden"> <input type="image"> <input type="password"> <input type="radio"> <input type="reset"> <input type="submit"> <input type="text"> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function ($) { $('input:button').val('I am a button'); $('input:checkbox').val('I am a check box'); $('input:hidden').val('I am a hidden input'); $('input:image').val('I am an image'); $('input:password').val('I am a password'); $('input:radio').val('I am a radio'); $('input:reset').val('I am a reset'); $('input:submit').val('I am a submit'); $('input:text').val('I am a text'); //Alerts input's value attribute alert($('input:button').val()); alert($('input:checkbox').val()); alert($('input:hidden').val()); alert($('input:image').val()); alert($('input:password').val()); alert($('input:radio').val()); alert($('input:reset').val()); alert($('input:submit').val()); alert($('input:text').val()); })(jQuery); </script> </body> </html>, ,Setting/Getting the Selected Option of a Select Element,Using the ,val(), method, you can set the selected value of a ,< udvælge > element ved at vedtage den, val(), metode en snor, der repræsenterer den værdi, der er tildelt, < alternativ > element. for at få værdien af, < udvælge > element, brug  , val(),   metode igen at fastslå, hvilken mulighed der er udvalgt.den  , val(),   metode i dette scenario vil vende den valgte mulighed er attributværdi. <!DOCTYPE html> <html lang="en"> <body> <select id="s" name="s"> <option value="option1">option one</option> <option value="option2">option two</option> </select> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function ($) { //Set the selected option in the select element to "option two" $('select').val('option2'); //Alerts "option2" alert($('select').val()); })(jQuery); </script> </body> </html>, ,Setting/Getting Selected Options of a Multi-Select Element,Using the ,val(), method we can set the selected values of a multi-select element ved at vedtage den  , val(), metode, et system, der indeholder de tilsvarende værdier. for at få udvalgte muligheder i en multi - udvælge element, vi igen anvende  , val(),   metode til at hente en vifte af muligheder, der er udvalgt.nettet vil indeholde værdien attributter for de udvalgte muligheder. <!DOCTYPE html> <html lang="en"> <body> <select size="4" multiple="multiple"> <option value="option1">option one</option> <option value="option2">option two</option> <option value="option3">option three</option> <option value="option4">option four</option> </select> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function($){ //Set the value of the selected options $('select').val(['option2', 'option4']); //Get the selected values alert($('select').val().join(', ')); //Alerts, "option2, option4" })(jQuery); < /manuskript > < /organ > < /html >,, at /får tekst indeholdt i en < textarea >, du kan sætte teksten vedrørende indholdet af a < textarea > element ved den, val(), metode en tekststreng anvendes som tekst.for at få værdien af a < textarea > element, vi bruger, val(), en metode til at hente den tekst, der er indeholdt i. <!doctype html > < http: //lang = ", en" > < krop > < textarea > < /textarea > < manuskript src = "http: //ajax. googleapis. kom /ajax /libs /jquery /1.7.2 /jquery. min.js" > < /manuskript > < manuskript > (funktion ($) (//den tekst, der er indeholdt i $('textarea). val (') er en textarea); //indberetninger, "jeg er en textarea" indberetning ($('textarea'). val())}) (jquery). < /manuskript > < /organ > < /html >,, at værdien attribut af at gøre knap element, man kan fastsætte værdien attribut med et tryk på en knap, element ved det, val() metode en tekststreng.for at få værdien af en knap element, brug, val(), metode igen efter teksten. <!DOCTYPE html> <html lang="en"> <body> <button>Button</button> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function ($) { //Set the value: <button value="I am a Button Element"> $('button').val('I am a Button Element') //Alerts "I am a Button Element" alert($('button').val()); })(jQuery); </script> </body> </html>, ,Editing Select Elements,jQuery makes some of the common tasks associated with editing select elements trivial. Below are some of those tasks with coded examples., //Add options to a select element at the end $('select').append('<option value="">option</option>'); //Add options to the start of a select element $('select').prepend('<option value="">option</option>'); //Replace all the options with new options $('select').html('<option value="">option</option><option value="">option</option>'); //Replace items at a certain index using the :eq() selecting filter to //select the element, and then replace it with the .replaceWith() method $('select option:eq(1)').replaceWith('<option value="">option</option>'); //Set the select elements' selected option to index 2 $('select option:eq(2)').attr('selected', 'selected'); //Remove the last option from a select element $('select option:last').remove(); //Select an option from a select element via its //order in the wrapper set using custom filters $('#select option:first'); $('#select option:last'); $('#select option:eq(3)'); $('#select option:gt(5)'); $('#select option:lt(3)'); $('#select option:not(:selected)'); //Get the text of the selected option(s), this will return the text of //all options that are selected when dealing with a multi-select element $('select option:selected').text(); //Get the value attribute value of an option in a select element $('select option:last').val(); //Getting the :last option element //Get the index (0 index)den valgte løsning.//bemærkning: ikke arbejde med multi - udvælge elementer.$('select mulighed). indeks ($('select mulighed: udvalgte ')); //indføje en mulighed efter en bestemt holdning $('select mulighed: - ækvivalent (1)'). efter (< alternativ værdi = "> alternativ < /mulighed >"); //indføje en mulighed inden for en bestemt holdning $('select mulighed: - ækvivalent (3)). før (< alternativ værdi = "> alternativ < /mulighed >"), at vælge form elementer, det er muligt at vælge form elementer ved deres type-e.g. $('input: afkrydsningsfelt ").jquery giver følgende form - filtre til udvælgelse af udgør elementer af deres type.,,,: tekst,,,: kodeord,,,: radio,,,: afkrydsningsfelt,,,: forelægge,,,: image,,,: nulstilling,,,: fil,,,: knap, udvælgelse af alle elementer, kan du vælge alle elementer ved hjælp af: input, som filter.dette filter skal udtage mere end bare input elementer, den vil vælge, < textarea >,, < udvælge >,, eller < knap >, elementer.den kodede eksempel, tage hensyn til varigheden af papir, der er fastsat ved: input, filter, <!DOCTYPE html> <html lang="en"> <body> <input type="button" value="Input Button"> <input type="checkbox"> <input type="file"> <input type="hidden"> <input type="image"> <input type="password"> <input type="radio"> <input type="reset"> <input type="submit"> <input type="text"> <select> <option>Option</option> </select> <textarea></textarea> <button>Button</button> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script> (function($){ //Alerts "13" form elements indberetning ($(": input). længde)}) (jquery). < /manuskript > < /organ > < /html >,



Previous:
Next Page: