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

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

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

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

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

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

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

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

ដំបូងសូម​បង្កើត Page HTML នៅទីតាំងជាក់លាក់ បន្ទាប់មក​យកកញ្ចប់ JQuery ​ដែល​លោកអ្នក​ទើបតែ download មុននេះបន្តិចទៅដាក់ជាមួយ​គ្នា​រួច​សរសេរ​កូដទៅ​ក្នុង page html នោះដោយហៅ jquery ចូលដូច​ខាងក្រោម​៖

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

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

ពន្យល់កូដ JQuery

កូដទីមួយគឺ​សម្រាប់​ដំណើរ​ការ​ពេល page load ដំបូង ដូចនេះ function ​ក្នុង​នឹង​ដំណើរ​ការ​ពេលបើក page

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

ឯកូដទីបីគឺ​មានន័យថា សម្រាប់​ធ្វើ​ឲ្យ​ធាតុណា​ដែល​មាន id ​ស្មើនឹង div1 ​ឲ្យ​បង្ហាញ ហើយ​បង្ហាញ​ជា​លក្ខណៈ យឺតៗ ។

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

♦ វគ្គ​សិក្សា C/C++ តម្លៃ ៥៩ដុល្លា http://training.antkh.com/c_cpp.aspx

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

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

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