Jos olet uusi jQuery sekä JavaScript sinänsä, jotkut käsitteet saattavat olla sinulle uutta. Yksi tällainen asia on ajatus ketjuttamalla.
Voit ajatella ketjuttamalla kuin luettelo toimista ajaa yksi toisensa jälkeen, mutta sen sijaan käynnistää erikseen ne liittyvät aiempien toimien seurauksena.
Otetaan tämä koodi esimerkiksi:
Otsikko sisältö
Meidän lisätä tapahtuman otsikon tag.
$ ('# outerContainer H2 " ) .click (toiminto () {
//johonkin toimenpiteeseen});Tämä tarkoittaa, että kun joku napsauttaa otsikkoa toiminto edellä kutsutaan.
$ (' #outerContainer H2). osoita (toiminto () {var parentContainer = $ (tämä) .parent ();});alkua luomalla jQuery objekti käyttää tätä asettaa meidän yhteydessä kuten otsikko (H2). Tätä seuraa jQuery toiminto vanhempi (), joka liikkuu yhteydessä #outerContainer elementtiin. Viittaus, joka päätyy määritetty parentContainer muuttuja.
$ ('# outerContainer H2). Osoita (toiminto () {$ (tämä) .parent ( ) .addClass ("napsautetaan"). lapset ('s). piilottaa ();
});Edellä lisäisi luokka "napsautetaan" on #outerContainer ja myöhemmin löytää kaikki lapset kohdat, jotka se sitten piilottaa. Kaikki tämä yhdessä ketjun toimia.
Kuten näette seuraamalla värit kuvassa yhteydessä toimien ketju voidaan vaikuttaa tiettyjen toimien. Voisit jakaa toimet kahteen tyyppiin: ne, jotka toimivat ennalta objektin (tässä: addClass (), tai piilota ()) ja ne, jotka siirrä yhteydessä eri kohde (tässä: vanhempi (), tai lapsia ()) .
selittää tätä entisestään, tämä on kuinka ketju voitaisiin laajentaa:
$ ('# outerContainer H2). osoita (toiminto () {$ (tämä) .parent (). addClass ("napsautetaan");$ (tämä) .parent (). lapset ('s'). hide ();});Kuitenkin edellä ilmeisesti tarkoitetaan tarpeeton lookup kuten me paikantaa #outerContainer kahdesti.
$ ('# outerContainer H2). osoita (toiminto () {var parentContainer = $ (tämä) .parent ();parentContainer .addClass ("napsautetaan");parentContainer.children ('s').hide ();
});Nyt tämä on paljon parempi suorituskyky viisasta, mutta voit helposti nähdä kuinka ketjuttamalla voi apuryhmä toimet loogisiin ryhmiin ja säästää tilaa sekä oman tunnuksesi paljon luettavuutta.
Miten suunnitella hyödyllinen blogi Template
- Perusteet ActivePerl Reference
- Web-suunnittelu Yritys Intia ja hakukoneoptimoinnin India
- 4 keskeisiä tekijöitä, jotka muodostavat hyvän Web Page
- Miten luoda Free Website Google Sites
- Kiinteistövälitys Huutokaupat sulkee Takavarikoitu Property
- Miten tehdä vapaan website.
- Kuka keksi Internet Commerce
- Top 10 Things To Remember valitessasi Web Design Company
- Web-sivun suunnittelija!
- Ponnistelut Unlimited- paras yritys Website Development