For Android device For iOS device
១៦
មិថុនា

ចាប់ផ្ដើមជាមួយ JQuery

♦ តើអ្វីទៅជា JQuery?

JQuery គឺជា Javascript កូដមួយកញ្ចប់​ដែល​ត្រូវបាន​គេចងក្រង​ធ្វើជា​ Library មួយ ដើម្បី ប្រើ​ប្រាស់​ជាមួយ Event Handling (ការធ្វើសកម្មភាពផ្សេងៗ​)  និង អាច​ប្រើ​ប្រាស់​ជាមួយ Ajax បាន ដើម្បី​ជំនួយដល់ គេហទំព័រ​ឲ្យ​មាន​លក្ខណៈ​ Dynamic និង មាន​ល្បឿន​លឿន​ជាងធម្មតា ។ ហើយគេ​បង្កើត​ JQuery ឡើង ដើម្បី​កាត់​បន្ថយ​ការ​សរសេរ​កូដ Javascript 

♦ តើធ្វើដូចម្ដេចទៅ ដើម្បី​សរសេរ​កូដ  JQuery បាន?

មុននឹងចូលដល់ការអនុវត្តន៍​សរសេរ​កូដ​តម្រូវ​ឲ្យ​លោកអ្នក​មាន JQuery Library ជាមុន ពី​ព្រោះ​វាជាអ្នកផ្ទុក Functions ។ ដើម្បី​ Download JQuery Library បានសូម​លោកអ្នក​ចូល​ទៅកាន់​គេហទំព័រ http://www.jquery.com ​បន្ទាប់មក​ចុចលើពាក្យ Download JQuery v3.6.1 ​ដែល​វាជា ​ជំនាន់​ចុងក្រោយ​បង្អស់ បន្ទាប់មក​សូម​ជ្រើសរើស​តាម​ប្រភេទ​និង​ជំនាន់​ដូចរូប​ខាងក្រោម​៖

ក្រោយពីបាន Download JQuery Library បាន​សម្រេច​ហើយ​លោកអ្នក​អាចអនុវត្តន៍​សរសេរ​កូដ បានតាមការ​ណែនាំ​ដូច​ខាងក្រោម​៖

 ការចាប់ផ្ដើម​សរសេរ​កូដ JQuery

ដំបូងសូម​បង្កើត​ Page HTML នៅទីតាំងជាក់លាក់ បន្ទាប់មក​យក File JQuery ​ដែល​លោកអ្នក​ទើបតែ  

 

download មុននេះបន្តិចទៅដាក់ជាមួយ​គ្នា​រួច​សរសេរ​កូដទៅ​ក្នុង​ page html នោះដោយហៅ jquery ចូលដូច​ខាងក្រោម​៖

​បន្ទាប់មក​សូម Design ជាប៊ូតង់មួយ និង អត្ថបទមួយចំនួនដូច​ខាងក្រោម ប៉ុន្តែ​យើង​ធ្វើការ​លាក់អត្ថបទនោះសិនមិន​បង្ហាញ​ឲ្យ​អ្នក​ប្រើ​ប្រាស់​ឃើញនោះទេ ដោយ​ប្រើ​ Attribute Display: none;

ជា​ចុងក្រោយ​យើងនឹង​សរសេរ​កូដ JQuery  ដើម្បី​ឲ្យ​បង្ហាញ​អត្ថបទ​នៅពេល​ដែល​យើងបានចុចលើប៊ូតង់នោះ

ពន្យល់កូដ JQuery

- កូដទីមួយ នឹង​ដំណើរ​ការ​ពេល page load ដំបូង ដូចនេះ function ​ក្នុង​នឹង​ដំណើរ​ការ​ពេល Page ​ធ្វើការ Load content រួចរាល់

- កូដទីពីរ គឺជា function មួយ​ដែល​ដំណើរ​ការ​នៅពេល​ដែល​អ្នក​ប្រើ​ប្រាស់​ (User) បានចុច  (Click) ប៊ូតង់ (Button) ​ដែល​មាន id ​ស្មើនឹង​ showads

- ឯកូដទីបី វានឹង​ស្វែងរក​ធាតុណា​ដែល​មាន id ​ស្មើនឹង​ div1 ហើយ​បង្ហាញ​ធាតុនោះ​ឲ្យ​អ្នក​ប្រើ​ប្រាស់​ឃើញម្ដងបន្តិចៗ​

 

ក្រោយពីបានអនុត្តន៍កូដ​ខាងលើ​លោកអ្នក​នឹងទទួលបាន​លទ្ធផល​

♦ វគ្គ​សិក្សា JavaSccrip+JQuery តម្លៃ ៧០ដុល្លា http://training.antkh.com/javascript.aspx

♻️ ​សម្រាប់​លោកអ្នក​ដែល​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Windows សូម​ចូលរួម Telegram÷ https://t.me/AntTechnologyTrainingCenter
📲 ​សម្រាប់​លោកអ្នក​ចង់​ដំឡើង​កម្មវិធី ANTLearner សម្រាប់ Android https://bit.ly/3qhYCJf
👉 ទស្សនា​វីឌីអូ​ខ្លះ​ៗ​ពី​កម្មវិធី ANTLearner 🎥 https://bit.ly/3l3WcMe

♦ សូម​ចូលរួម​ជាសមាជិក ANT Training Group ដើម្បី​តាមដានសម្មភាពប្រចាំ​ថ្ងៃ​ជាមួយអាន-ANT
♦ ចុច Like គេហទំព័រ www.antkh.com ដើម្បី​ទទួលបានអត្ថបទថ្មីៗ​ដែល​ទាក់ទងនឹង​បច្ចេកវិទ្យា​រៀងរាល់​ថ្ងៃ​

មតិ និង​យោបល់​ទៅលើ​អត្ថបទ​នេះ (តាម Facebook)

ខាងក្រោម​នេះ​ជា​យោបល់​ផ្សេងៗ​របស់​អ្នកទស្សនា