តើហេតុអ្វីបានជាយើងត្រូវការនិងរបៀបដើម្បីកត់ត្រា jQuery-ជ្រើស?

រចនាបណ្ដាញសម័យទំនើបមិនគួរតែធ្វើជាម្ចាស់ មូលដ្ឋាននៃ HTML ដែលជា CSS និង JavaScript ប៉ុណ្ណោះទេប៉ុន្តែថែមទាំងអាចទៅធ្វើការនៅក្នុងបណ្ណាល័យ jQuery ដែលបានផ្តោតទៅលើអន្តរកម្មនៃ JavaScript ជាមួយ HTML ឯកសារ។ ថាវាអនុញ្ញាតឱ្យចូលដំណើរការរហ័សទៅធាតុរបស់ DOM (ចំណុចប្រទាក់សរសេរកម្មវិធីរបស់កម្មវិធីដែលផ្ដល់នូវការចូលដំណើរការទៅឯកសារ html មាតិកា) ណាមួយនិងរៀបចំឱ្យពួកគេ។ គ្រឿងរចនាសម្ព័ន្ធសំខាន់នៃបណ្ណាល័យនេះគឺជាក្រុម។ ក្នុងគោលបំណងដើម្បីអនុវត្តមួយឬក្រុមផ្សេងទៀត, អ្នកត្រូវការ jQuery-ជ្រើស។

ការជ្រើសរើសរូបមន្តនៅក្នុងបណ្ណាល័យ jQuery

ជ្រើសនៅក្នុង jQuery ដែលមានមូលដ្ឋានលើការប្រើប្រាស់នៅក្នុង CSS ។ ពួកគេត្រូវបានទាមទារដើម្បីជ្រើសធាតុ HTML ដែលឯកសារដើម្បីប្រើពួកវាបណ្តាលឱ្យវិធីសាស្រ្តផ្សេងទៀតទាំងនេះឬក្នុងការរៀបចំឱ្យពួកគេ (ក្រុមនេះ) ។ ការស្វែងរកត្រូវបានអនុវត្តតាមរយៈមុខងារជ្រើស $ () ។ ឧទាហរណ៍ $ ( 'div') ។

ការជ្រើសរើសនេះអាចត្រូវបានចាត់ថ្នាក់អាស្រ័យលើរបៀបនៃការជ្រើសរើសធាតុនេះ:

• មូលដ្ឋាន;
• ដោយគុណលក្ខណៈ;
• ឋានានុក្រម;
• មាតិកា;
• ស្តីពីស្ថានភាព;
• ជម្រើសនៃវាលសំណុំបែបបទ;
• អ្នកដទៃទៀត។

ការជ្រើសរើសគន្លឹះ

នៅ 90% នៃករណីនៅពេលដែលប្រើបណ្ណាល័យនេះត្រូវបានប្រើ jQuery-ជ្រើសជាកម្មសិទ្ធិរបស់ក្រុមមេ។ ទាំងអស់នៃពួកគេគឺពិតជាសាមញ្ញនិងច្បាស់លាស់។ ចូរយើងពិចារណាគ្នានៃពួកគេ:

• * - ជ្រើសធាតុទំព័រទាំងអស់រួមទាំងក្បាលរាងកាយ, ល។
• ទំ / div / របារចំហៀង / ... - ជ្រើសធាតុទាំងអស់ដែលទាក់ទងទៅនឹងស្លាកកំណត់ទុកជាមុននេះ (ឧ p.div, របារចំហៀង, ល ... );
• .myClass / p.myClass - ជ្រើសធាតុដែលមានឈ្មោះថ្នាក់ដែលបានបញ្ជាក់ទេ
• # MyID / p # myID ។ - ជ្រើសធាតុណាមួយដែលមានលេខសម្គាល់ដែលបានផ្ដល់ឱ្យ។

ខាងក្រោមនេះគឺជាឧទាហរណ៍មួយ។ សូមឱ្យយើងបាននិយាយថាយើងត្រូវបានជ្រើសធាតុទាំងអស់នៅលើទំព័រដែលមានធាតុថ្នាក់ស្មើនេះនឹងមានដូចខាងក្រោម: (។ ពិន្ទុ) $ ។ បើចាំបាច់តែធាតុទំនៃថ្នាក់នេះបន្ទាប់មកសរសេរ: $ (p.par) ។

ជ្រើសរើសគុណលក្ខណៈ

អ្នកអាចប្រើមេ-ជ្រើស jQuery, ប្រសិនបើយើងត្រូវការជ្រើសធាតុដែលជាកម្មសិទ្ធិរបស់ថ្នាក់ណាដែលមានលេខសម្គាល់មួយឬជ្រើសធាតុទាំងអស់នៅលើទំព័រនេះ។ ទោះយ៉ាងណាមានករណីគឺនៅពេលដែលធាតុមួយមិនមានលេខសម្គាល់ថ្នាក់ឬ។ វាគឺជាការសម្រាប់ការនេះហើយមានការជ្រើសរើសដោយគុណលក្ខណៈ។ ពួកគេបានអនុញ្ញាតឱ្យអ្នកដើម្បីធ្វើឱ្យការជ្រើសមួយនៅលើមួយចំនួន គុណលក្ខណៈ HTML ដែលធាតុរបស់- ដូចជា href ឬ src ។ គុណលក្ខណៈនេះត្រូវបានសរសេរក្នុង ដង្កៀប [] ។

ឧទាហរណ៍សាមញ្ញបំផុត: $ ([src]) - ជ្រើសធាតុទាំងអស់ដែលមានគុណលក្ខណៈ src ។ វាគឺជាការដែលអាចធ្វើបានដើម្បីកាត់បន្ថយគំរូដោយបញ្ជាក់តម្លៃគុណលក្ខណៈជាក់លាក់: $ ([src = 'http: // តំបន់ / អត្ថបទ / 132222 / តម្លៃ']) ។

អ្នកអាចប្រើឧបករណ៍ជ្រើស jQuery មួយចំនួនប្រសិនបើអ្នកចង់បង្រួមវាលនៃការជ្រើសរើស។ ឧទាហរណ៍, $ (ទំ [Color = ខៀវ] [ទំហំ = 12]) - ត្រូវបានជ្រើសរើសតែអ្នកដែលធាតុទំ, ដែលមានពណ៍ខៀវនិងមួយមានទំហំ 12 ។

មាតិកាដែលបានជ្រើស

ក្នុងករណីនេះប្រសិនបើអ្នកមិនអាចជ្រើសធាតុដែលមានមូលដ្ឋានលើគុណលក្ខណៈឬជ្រើសមូលដ្ឋាន, អ្នកគួរតែយោងទៅមាតិការបស់ពួកគេ។ ជាសរុបមាន 4 ជ្រើសប្រភេទនេះ:

• : មាន - ជ្រើសរើសធាតុដែលមានអត្ថបទដែលបានបញ្ជាក់;
• : បាន - ជ្រើសរើសធាតុដែលមានធាតុផ្សេងទៀតលក្ខណៈនៃបន្ទាត់;
• : មាតាបិតា - ជ្រើសរើសធាតុដែលមានផ្ទុកផ្សេងទៀតណាមួយ;
• : ទទេ - ជ្រើសរើសធាតុដែលមិនមានណាមួយផ្សេងទៀត។

ខាងក្រោមនេះគឺជាឧទាហរណ៍មួយ។ ដើម្បីជ្រើស div ធាតុទាំងអស់ដែលមានអត្ថបទនៃជំរាបសួរ, អ្នកត្រូវតែសរសេរ $ (div: មាន ( 'ជំរាបសួរ')) ។

ឋានានុក្រមជ្រើស

មានវិធីមួយទៀតដើម្បីជ្រើសធាតុក្នុង jQuery, ឈ្មោះគឺ - នេះបើយោងតាមឋានានុក្រមរបស់ខ្លួន (ដែលជាសមាមាត្រនៃគ្នានៅលើ HTML ដែលទំព័រ) ។ ច្រើននៃពួកគេមួយ, ដូច្នេះយើងបានធ្វើបទបង្ហាញពីរនៃការពេញនិយមបំផុត, "កុមារ" និង "កូនចៅ" ។

នៅក្នុងករណីដំបូងធាតុត្រូវបានជ្រើសដែលជាកូនចៅដោយផ្ទាល់ (កុមារ) នៃធាតុដែលបានផ្ដល់ (បុព្វបុរស) ។ ឧទាហរណ៍ដើម្បីជ្រើសធាតុបញ្ជីនៅក្នុងថ្នាក់ពន្លឺដែលជាប្រព័ន្ធបង្ហាញផ្លូវកូនបញ្ជីនេះបន្ទាប់មកអ្នកត្រូវសរសេរ: $ (ul # NAV> li.light) ។

នេះជាករណីទីពីរ - ទូទៅបន្ថែមទៀត។ វាមានអាចត្រូវបានជ្រើសនិងកូនចៅដោយប្រយោលនៃធាតុ។ ឧទាហរណ៍ដើម្បីជ្រើសតំណភ្ជាប់ដែលមាននៅក្នុងប្រព័ន្ធបង្ហាញផ្លូវចេញវេជ្ជបញ្ជាបញ្ជី: $ (ul ប្រព័ន្ធបង្ហាញផ្លូវមួយ #) ។

ដូច្នេះក្នុង jQuery ធាតុអាចត្រូវបានជ្រើសនៅក្នុងវិធីផ្សេងដោយប្រើប៉ារ៉ាម៉ែត្រដូចជាថ្នាក់មួយ, លេខសម្គាល់, គុណលក្ខណៈមាតិកាឬឋានានុក្រមនៃធាតុ HTML ដែលឯកសារ។