நாங்கள் ஏன் மற்றும் எப்படி jQuery-தேர்வுக்குழு பதிவு செய்ய வேண்டும்?

நவீன வலை வடிவமைப்பாளர் மட்டுமே மாஸ்டர் கூடாது , HTML, அடிப்படைகள் CSS மற்றும் ஜாவா, ஆனால் HTML-ஆவணங்களுடன் ஜாவா இடைவினையைச் கவனம் செலுத்தும் jQuery நூலகம், வேலை செய்ய முடியும். அது எந்த உறுப்பு டிஓஎம் (பயன்பாட்டு நிரலாக்க உள்ளடக்கம் HTML-கோப்புகளை அணுகலை வழங்கும் இடைமுகம்) விரைவாக அணுகலாம், அவற்றை கையாள அனுமதிக்கிறது. நூலகம் முக்கிய கட்டுமான அலகுகள் அணியாகும். அல்லது ஒரு விண்ணப்பிக்க பொருட்டு மற்ற அணி, நீங்கள் ஒரு jQuery-தேர்வுக்குழு வேண்டும்.

JQuery நூலகம் ஃபார்முலா தேர்வாளர்கள்

JQuery உள்ள தேர்வாளர்கள் CSS இல் பயன்பாட்டின் அடிப்படையில். அவர்கள் (அணி) கையாள்வது சில முறைகள் அழைக்க அவர்களை பயன்படுத்த, உறுப்புகளே HTML கோப்பு தேர்வு தேவையாய் இருக்கிறது. தேடுதல் தேர்வுக்குழு $ () செயல்பாடு வழியாக மேற்கொள்ளப்படுகிறது. உதாரணமாக, $ ( 'கிராம').

உறுப்புகள் எப்படி தேர்வு பொறுத்து தேர்வாளர்கள் பிரிக்கப்படலாம்:

• அடிப்படை;
• பண்பினால்;
• அதிகார அடுக்குவரிசை,
• உள்ளடக்கத்தை;
• நிலைமையை;
• வடிவம் துறைகள் தேர்வு;
• மற்றவர்கள்.

சாவி தேர்வாளர்கள்

இந்த நூலகம் பயன்படுத்தப்படுகிறது முக்கிய குழு சேர்ந்த jQuery-தேர்வுக்குழு பயன்படுத்தும் போது வழக்குகள் 90% பேர் தங்கள். அவர்கள் அனைவரும் மிகவும் எளிய மற்றும் தெளிவாக உள்ளது. எங்களுக்கு அவர்கள் ஒவ்வொரு சிந்திக்கலாம்:

• * - தலை, உடல், போன்றவை உட்பட அனைத்து பக்கம் உறுப்புகள் தேர்ந்தெடுக்கும்.
• ப / span / பக்கப்பட்டியில் / ... - முன்னரே தீர்மானிக்கப்பட்ட டேக் தொடர்பான அனைத்து கூறுகளையும் தெரிவு (அதாவது p.div, பக்கப்பட்டியில், போன்றவை ... ஏற்பட்டதன் காரணமாக);
• .myClass / p.myClass - குறிப்பிட்ட வர்க்கம் பெயர் கூறுகள் தேர்ந்தெடுக்கிறது;
• # ஸ்மார்ட் / ப # ஸ்மார்ட் -. வழங்கிய ஐடியில் எந்த ஒரு பொருளை தேர்ந்தெடுக்கிறது.

இங்கே ஒரு உதாரணம் ஆகும். நாம் சம வர்க்கம் நுழைவு பக்கத்தில் அனைத்து கூறுகளையும் தேர்வு என்னவாக இருக்கும் என்பனவற்றை பின்வருமாறு வேண்டும் என்று வைத்துக்கொள்வோம்: (. இணையாக) $. இந்த வர்க்கத்தின் தேவையான ப கூறுகள் மட்டுமே, பின்னர் எழுதுவதாக இருந்தால்: $ (p.par).

காரணம் தேர்வாளர்கள்

நாங்கள் எந்த வர்க்கம் கொண்ட ஐடி சேர்ந்த ஒரு பொருளை தேர்வு அல்லது பக்கத்தில் அனைத்து கூறுகளையும் தேர்ந்தெடுக்க வேண்டும் என்றால் நீங்கள், jQuery முக்கிய தேர்வுக்குழு பயன்படுத்தலாம். ஒரு பொருளை எந்தவித வகுப்பு அல்லது ஐடி போது எனினும், நிகழ்வுகளாகும். அது இந்த என்பதே அவரது பண்பு மூலம் தேர்வுகளை உள்ளன. அவர்கள் நீங்கள் சில ஒரு தேர்வு செய்ய அனுமதிக்க HTML ஐ-கூறுகளையும் பண்பு போன்ற படம் அல்லது மூல. இந்த பண்பு எழுதப்பட்ட சதுர அடைப்புக்குறிக்குள் [].

எளிய உதாரணம்: $ ([மூல]) - src கற்பிதம் வேண்டும் பெற்றிருந்த அனைத்துக் கூறுகளையும் தெரிவு. அது குறிப்பிட்ட பண்பு மதிப்பு குறிப்பிடுவதன் மூலம் மாதிரி அதிகரிக்கவும் முடியும்: $ ([மூல = உள்ள 'http: // தளத்தில் / கட்டுரை / 132222 / மதிப்பு']).

நீங்கள் தேர்வு துறையில் அதிகரிக்கவும் விரும்பினால் நீங்கள் சில jQuery தேர்வாளர்கள் பயன்படுத்த முடியும். உதாரணமாக, $ (ப [நிறம் = நீல] [அளவு = 12]) - ஒரு நீல நிறம் மற்றும் அளவு 12 கொண்ட மட்டும் அந்த உறுப்புகள் ப, தேர்ந்தெடுக்கப்படும்.

தேர்வாளர்கள் உள்ளடக்கத்தை

அந்த வழக்கில், நீங்கள் பண்புகளை அல்லது அடிப்படை தேர்வாளர்கள் அடிப்படையில் கூறுகள் தேர்ந்தெடுக்க முடியாது என்றால், நீங்கள் அவர்களின் உள்ளடக்கத்தை பார்க்கவும் வேண்டும். மொத்தத்தில் இந்த வகை 4 தேர்வுக்குழு உள்ளன:

• : கொண்டுள்ளது - குறிப்பிட்ட உரை கொண்ட பொருட்களை தேர்ந்தெடுக்கிறது;
• : விட்டது - வரி பண்பு மற்ற உறுப்புகள் கொண்டிருக்கும் கூறுகள் தேர்ந்தெடுக்கிறது;
• : பெற்றோர் - வேறு எந்த கொண்டிருக்கும் கூறுகள் தேர்ந்தெடுக்கிறது;
• : வெற்று - வேறு எந்த கொண்டிருக்க கூடாது என்று கூறுகள் தெரிவு.

இங்கே ஒரு உதாரணம் ஆகும். ஹலோ என்னும் உரை கொண்ட, அனைத்து கூறுகளையும் கிராம தேர்ந்தெடுக்க, நீங்கள் $ எழுத வேண்டும் (DIV: ( 'ஹலோ') கொண்டிருக்கிறது).

தேர்வாளர்கள் படிநிலையில்

தங்கள் படிநிலையில் படி (அதாவது, HTML ஐ-பக்கத்தில் ஒருவருக்கொருவர் விகிதம்) - அங்கு jQuery, அதாவது உறுப்புகளை தேர்ந்தெடுக்க மற்றொரு வழியாகும். அவர்களில் நிறைய, எனவே நாங்கள் மிகவும் பிரபலமான, "குழந்தை" மற்றும் "சந்ததி" இரண்டு முன்வைக்க.

முதல் வழக்கில் உறுப்புகளுக்கும் குறிப்பிட்ட உறுப்பு (மூதாதையர்) நேரடி வழித்தோன்றல்கள் (குழந்தைகள்) இவை, தேர்ந்தெடுக்கப்படும். $ (உல் # சொத்து> li.light): உதாரணமாக, பட்டியலில் ஒளி வர்க்கம் ஒரு குழந்தை சொத்து பட்டியலில் இது உறுப்புகளை தேர்ந்தெடுக்க, நீங்கள் எழுத வேண்டும்.

இரண்டாவது வழக்கு - ஒரு பொதுவான. அங்கு தேர்ந்தெடுக்கப்பட்டு உறுப்பு மறைமுக சந்ததியினர் முடியும். உதாரணமாக, பட்டியலில் உள்ள வழிசெலுத்தலைத் எழுதி உள் இணைப்புகளிலிருந்து தேர்ந்தெடுக்க: $ (உல் # சொத்து அ).

இவ்வாறு, jQuery உள்ள உறுப்புகள் பல்வேறு வழிகளில் அளவுருக்கள் பயன்படுத்தி போன்ற ஒரு வர்க்கம், ஐடி, பண்புகளை, HTML ஐ-ஆவணம் கூறுகளின் உள்ளடக்கத்தில் அல்லது நிலைமுறையின் தேர்ந்தெடுக்க முடியும்.