ডগ লয়েড: এই ভিডিওতে, আমরা চেয়েছিলাম পৃথক মনোযোগ কল আউট একটি খুব বিশেষ যাও জাভাস্ক্রিপ্ট এর উপাদান আপনি কুশলী এটি হতে পারে যখন আপনি শুরু করছেন ওয়েব পেজ সাধিত থেকে কাজ করার জন্য এবং আপনার ওয়েব পৃষ্ঠার বিষয়বস্তু পরিবর্তন মাছি. এবং যে ধারণা আছে ডকুমেন্ট অবজেক্ট মডেল. সুতরাং আমরা আমাদের ভিডিওতে দেখেছি জাভাস্ক্রিপ্ট, বস্তু খুবই নমনীয়. এবং তারা বিভিন্ন ক্ষেত্র থাকতে পারে. আর আমরা অনেক ঢোকা করা হয়নি, যদিও বিস্তারিত, যারা ক্ষেত্র বা বৈশিষ্ট্য, যে আমরা সম্ভবত আরো would উপযুক্তভাবে তাদের সাথে যোগাযোগ এমনকি একটি বস্তুর প্রাসঙ্গিক, এ সেই সব সম্পত্তিতে অন্যান্য বস্তু হতে পারে. এবং ঐ বস্তু নিয়ে ভিতরে অন্যান্য বস্তু হতে পারে. 

আপনি এই খুব বড় বস্তু আছে অন্যান্য বস্তু অনেকটা সঙ্গে এর এটি ভেতরে, যা সাজান একটি বড় গাছ এই ধারণা সৃষ্টি করে. এখন, অবজেক্ট একটি জাভাস্ক্রিপ্ট খুব বিশেষ বস্তু যে আপনার সমগ্র ওয়েব আয়োজন ছাতা এই সাজানোর অধীনে পাতা একটি বস্তুর. আর তাই ডকুমেন্টের ভিতরে বস্তু উপস্থাপন বস্তু আপনার ওয়েব পৃষ্ঠার মাথা এবং শরীরের. 

যারা ভিতরে অন্যান্য হয় বস্তু, ইত্যাদি ইত্যাদি, ইত্যাদি ইত্যাদি, আপনার সম্পূর্ণ ওয়েব পেজ আছে পর্যন্ত এই বড় বস্তুর সংগঠিত হয়েছে. গোলমালে ডান, এখানে কি? ওয়েল, আমরা কাজ করতে জানেন কিভাবে জাভাস্ক্রিপ্ট অবজেক্টের সাথে. 

আমরা একটি বস্তু থাকে তাহলে সুতরাং যে যে, আমাদের সমগ্র ওয়েবপৃষ্ঠাটি বোঝায় সঠিক কল করে মানে পদ্ধতি যে বস্তুর নিপূণভাবে অথবা নির্দিষ্ট পরিবর্তন তার বৈশিষ্ট্য, আমরা উপাদান পরিবর্তন করতে পারেন আমাদের পাতা প্রোগ্রামের জাভাস্ক্রিপ্ট ব্যবহার করে এর পরিবর্তে হচ্ছে এইচটিএমএল, বলুন, সাথে কিছু কোড. তাই এখানে একটি একটি উদাহরণ ওয়েবপৃষ্ঠাটি খুব সহজ, তাই না? এটা এইচটিএমএল ট্যাগ, একটি মাথা পেয়েছিলাম. 

এর ভিতরে একটি শিরোনাম, হ্যালো দুনিয়া আছে. তারপর আমি একটা শরীর আছে. যে এর ভিতর, আমি আছে তিনটি ভিন্ন জিনিষ. আমি একটি H2 হেডার ট্যাগ আছে একটি অনুচ্ছেদ, এবং একটি লিঙ্ক. এটি একটি খুব সহজ ওয়েবপৃষ্ঠাটি হয়. 

ওয়েল, কি হতে পারে নথি মত এই বর্ণন জন্য আপত্তি? হ্যাঁ, এটি একটি সামান্য হয়তো প্রথমে ভীতিকর. কিন্তু এটা সত্যিই শুধু একটি বড় গাছ. আর এটা খুব মূলে দলিল. 

ডকুমেন্ট হয় ইনসাইড আমার পৃষ্ঠার এইচটিএমএল উল্লেখ বস্তু. আর আমার পৃষ্ঠার এইচটিএমএল এই সব হয়. এবং তারপর HTML এর ভিতরে বস্তু, আমি একটি মাথা বস্তু আছে, যা আছে সবকিছু বোঝায়. 

এবং সেখানে ভিতরে, আমি একটি শিরোনাম বস্তুর আছে. এবং সেখানে ভিতরে, আমি অন্য আছে যে শুধু হ্যালো দুনিয়া এর অবজেক্ট. আমি আমার শরীর আছে পারে এই মত প্রতিনিধিত্ব. 

আমার শরীরের ভেতরে, আমি একটি H2 আছে বস্তু এবং অনুচ্ছেদ জন্য P বস্তুর এবং একটি লিঙ্ক এর জন্য একটি একটি বস্তু. আর তাই এই সমগ্র অনুক্রমের একটি বড় গাছ হিসাবে প্রতিনিধিত্ব করা যাবে ছোট একটু প্রচুর সঙ্গে কিছু তা থেকে বেরিয়ে আসার. এখন, অবশ্যই, যখন আমরা, প্রোগ্রামিং করছি একটি বড় গাছ ভালো জিনিস মনে করি না. আমরা প্রকৃত দেখতে চাই কোড সম্পর্কিত কিছু. 

এবং ভাগ্যক্রমে, আমরা যা করতে পারেন আমাদের ডেভেলপার টুলস ব্যবহার আসলে কটাক্ষপাত করা এই ওয়েবসাইট এর ডকুমেন্ট অবজেক্ট. আর এর যে কি করা যাক. তাই আমি একটি ব্রাউজার ট্যাব খোলা করেছি. 

আর আমি বিকাশকারী সরঞ্জাম খোলা করেছি. আর দয়া করে জাভাস্ক্রিপ্ট আমার ভিডিওতে, আমি কনসোল নয় উল্লেখ শুধুমাত্র কোথাও যেখানে আমরা তথ্য প্রিন্ট, এটা একটা জায়গা যেখানে আমরা ইনপুট তথ্য করতে পারেন. এই প্রসঙ্গে, কি আমি বলতে যাচ্ছি আমি ফিরে পেতে চাই ডকুমেন্ট বস্তু, তাই আমি এটি কটাক্ষপাত আছে শুরু করতে পারেন. সুতরাং কিভাবে এই আমি কি হতে পারে? ওয়েল, আমি করতে চান তাহলে সত্যিই এটা চমত্কারভাবে সংগঠিত, আমি console.dir, ডি-আমি-আর বলতে যাচ্ছি. এখন, আমি শুধু প্রিন্ট করতে console.log ব্যবহার কিছু আউট খুব সহজ. কিন্তু আমি এই সংগঠিত করতে চান তাহলে hierarchically একটি বস্তুর মত, আমি এটা ধরণের কাঠামোগত চান একটি ডিরেক্টরি অনুক্রমের মত. 

তাই আমি নথি console.dir করতে চান. আমি লিখুন আঘাত যাচ্ছি. অধিকার এবং এটি নীচের এখন, এবং আমি এখানে জুম করব আমি এই প্রতিক্রিয়া ডকুমেন্ট পেয়েছেন পাশে একটি সামান্য তীর. এখন, আমি এই তীর খোলার সময়, স্টাফ অনেক হতে যাচ্ছে. 

কিন্তু আমরা অনেক উপেক্ষা চলুন এটা এবং ফোকাস শুধু ধরনের সবচেয়ে গুরুত্বপূর্ণ অংশ, আমরা তাই এই নথি নেভিগেট করা শুরু করতে পারবেন. DOM চেয়ে অনেক বেশি আছে নোড এবং সন্তানের নোড শুধু ঊর্ধ্বতন. আনুষঙ্গিক জিনিস অনেক আছে. 

তাই আমি এই পর্যন্ত খুলতে যাচ্ছি. এবং একটি সম্পূর্ণ অনেক আছে স্টাফ যে pops আপ. কিন্তু আমি যত্নশীল সব হয় এখানে ডান, সন্তানের নোড. এর যে খুলুন. 

সেখানে ভেতরে আমি দেখতে কিছু পরিচিত, এইচটিএমএল. আমাদের ডকুমেন্টের ভিতরে তাই এক স্তর নিচে, এইচটিএমএল. আমি যে খুলুন. আমরা কি আশা করছে? 

আপনি যদি আমাদের ডায়াগ্রাম থেকে প্রত্যাহার করে, আমরা এইচটিএমএল এর ভিতর কি হবে? গাছ তা নিচের দুটো নোড? খুঁজে বের কর. আমরা এইচটিএমএল খুলুন. আমরা তার সন্তানের নোড নিচে যান. 

যে পপ খোলা. মাথা এবং শরীরের আছে. আর আমরা মাথা পর্যন্ত খুলতে পারে. তার সন্তানের নোড যান. ওয়েল, শিরোনাম আছে. 

এবং আমরা যেতে পারে এবং এই মত চিরকাল. আমরা পাশাপাশি শরীরের সঙ্গে এই কাজ করতে পারে. কিন্তু আমাদের তাকান জন্য একটি উপায় নেই একটি বড় বস্তুর হিসাবে সংগঠিত নথি. আমরা তাকান এবং একটি বড় হয় অনেক মনে হচ্ছে যে বস্তু কোড মত, যে আমরা শুরু করতে পারেন এর মানে হল যে ব্যবহার করে এই বড় বস্তুর নিপূণভাবে কোড কি পরিবর্তন আমাদের ওয়েবসাইট দেখায় এবং মতানুযায়ী মত. 

সুতরাং যে খুবই শক্তিশালী হাতিয়ার আমরা এখন আমাদের নিষ্পত্তি আছে. আমরা শুধু দেখেছি তাই, ডকুমেন্ট অবজেক্ট নিজেই এবং এটি ভেতরে বস্তু সব শুধু, বৈশিষ্ট্য ও পদ্ধতি আছে আমরা করেছি যে অন্য কোন বস্তুর মত জাভাস্ক্রিপ্ট সঙ্গে কাজ করা হয়েছে. কিন্তু আমরা যারা বৈশিষ্ট্য ব্যবহার করতে পারেন এবং সাজান নিচে কসরত ঐ পদ্ধতি ব্যবহার এবং বড় নথির থেকে পেতে নিম্ন এবং নিম্ন এবং নিম্ন, তীক্ষ্ণ স্বরূপ এবং তীক্ষ্ণ স্বরূপ শস্য বিস্তারিত, আমরা যতক্ষণ একটি খুব নির্দিষ্ট টুকরা পেতে আমাদের আমরা পরিবর্তন করতে চান যে ওয়েব পৃষ্ঠা. 

আর আমরা বৈশিষ্ট্য আপডেট যখন অবজেক্ট নথি বা ঐ পদ্ধতি কল, কিছু আমাদের ওয়েব পেজে ঘটতে পারে. আর আমরা কোনো রিফ্রেশ করতে হবে না যারা পরিবর্তন প্রভাবী আছে. 

এবং যে একটি চমত্কার ক্ষমতা আমরা কোড দিয়ে কাজ করছি যখন আছে. সুতরাং এই বৈশিষ্ট্য কিছু কি হয় একটি ডকুমেন্ট অবজেক্ট অংশ যে হয়? ওয়েল, আপনি সম্ভবত দেখেছি একটি তাদের দম্পতি সত্যিই দ্রুত আমরা zip করা হয় হিসাবে জায়েন্ট নথির মাধ্যমে বস্তুর আমরা শুধু ওয়েব ব্রাউজারে দেখেছি. 

কিন্তু এই বৈশিষ্ট্য একটি দম্পতি ভেতরের এইচটিএমএল ভালো জিনিস হতে পারে. আর তুমি কি আমার কথা স্মরণ করতে পারি, জাভাস্ক্রিপ্ট ভিডিওতে এই ব্যবহার খুব শেষে যখন আমি ঘটনা সম্পর্কে কথা বলা হয়েছিল. এই ভেতরের এইচটিএমএল কী ছিল? ওয়েল, এটা ঠিক কি ট্যাগ মধ্যে. 

আর তাই ভেতরের এইচটিএমএল, উদাহরণস্বরূপ, শিরোনাম আমরা রেখেছিলেন যদি ট্যাগ, এ যাচ্ছি একটি মুহূর্ত আগে যেমন যে হ্যালো দুনিয়া হত. যে আমাদের পৃষ্ঠার শিরোনাম ছিল. অন্যান্য বৈশিষ্ট্য নোড নেম, যার মধ্যে রয়েছে একটি HTML নাম শিরোনাম যেমন উপাদান. আইডি যা আইডি, একটি HTML উপাদান অ্যাট্রিবিউট. 

আমরা বিশেষভাবে নির্দেশ করতে পারেন প্রত্যাহার আমাদের এইচটিএমএল এর নির্দিষ্ট উপাদানের যা সাধারণত একটি আইডি অ্যাট্রিবিউট, সঙ্গে সিএসএস প্রেক্ষাপটে উপকারে আসে, বিশেষভাবে. একটি রেফারেন্স হয় মূল নোড, শুধু আমাকে উপরে DOM মধ্যে কি. শিশুটি নোড, যা একটি নিচে আমার নীচের কি রেফারেন্স. আর আমরা যে অনেক দেখেছি শুধু মাধ্যমে খুঁজছেন. আমরা পেয়েছিলাম কিভাবে সন্তানের নোড, যে গাছ মধ্যে নিম্ন এবং নিম্ন. 

, আরোপ যে শুধু একটি অ্যারের এর এইচটিএমএল এলিমেন্ট এর গুণাবলী. সুতরাং বৈশিষ্ট্যাবলী একটি উদাহরণ হতে পারে আপনি একটি ইমেজ ট্যাগ আছে হতে, এটি সাধারণত একটি উৎস অ্যাট্রিবিউট আছে, হয়তো একটি উচ্চতা এবং প্রস্থ অ্যাট্রিবিউট. আর তাই যে শুধু একটি অ্যারের হবে যুক্ত বৈশিষ্ট্যাবলী সব যে এইচটিএমএল এলিমেন্ট সঙ্গে. 

স্টাইল অন্য এক যে সিএসএস চিত্রিত করে একটি বিশেষ উপাদান স্টাইলিং. আর পরবর্তী এই যে ভিডিও, আমরা বিশেষভাবে হবে লিভারেজ শৈলী কয়েক করা আমাদের ওয়েবসাইটে পরিবর্তন. সুতরাং যারা কিছু বৈশিষ্ট্য আছে. 

এবং কিছু আছে যে আমরা যা করতে পারেন পদ্ধতি আরও দ্রুত হতে পারে বিছিন্ন করার ব্যবহার ডকুমেন্ট অবজেক্ট উপাদান. সম্ভবত, সবচেয়ে বহুমুখী এই হচ্ছে getElementById এর. তাই আমি, কারণ ভালো কিছু বলতে পারে এটা ডকুমেন্টের একটি পদ্ধতি মনে , Document.getElementById অবজেক্ট. 

আর যারা বন্ধনীর ভিতরে, উল্লেখ একটি নির্দিষ্ট আইডি দিয়ে একটি HTML উপাদান আমি পূর্বে করেছি যে বৈশিষ্ট্য সেট, এবং আমি অবিলম্বে পাবেন যে উপাদান ডানে যান সার্বিক ওয়েবসাইটের. তাই আমি হয়তো কসরত করতে হবে না প্রতিটি স্তরের মধ্য দিয়ে নিচে. আমি শুধু এটা খুঁজে পেতে এই পদ্ধতি ব্যবহার করতে পারেন, সাজান একটি তাপ সচেষ্ট ক্ষেপণাস্ত্র ভালো, ঠিক আছে? এটা শুধু যায় এবং খুঁজে বের করে ঠিক খুঁজছেন এটি কি. 

GetElementsByTagName হয় আত্মা খুব অনুরূপ. হয়তো এই সব খুঁজতে হবে গাঢ় ট্যাগ বা P ট্যাগের সব এবং আমাকে সবকিছু একটি অ্যারের দিতে আমি তখন সঙ্গে কাজ করতে পারে যে. appendChild কিছু যোগ করা হয়েছে নিচে গাছ এক স্তর. 

তাই আমি একটি সম্পূর্ণ নতুন যোগ করতে পারেন উপাদান এক মাত্রা কম. অথবা আমি যে একটি উপাদান অপসারণ করতে পারেন পাশাপাশি যদি আমি চাই এক মাত্রা কম আমার ওয়েব পাতা থেকে কিছু মুছে ফেলতে. এখন, একটি দ্রুত কোডিং নোট এবং একটি দ্রুত মাথা ব্যাথা আশা, নোট সংরক্ষণ. 

getElementById-- D ছোট হাতের হয়. আমি কত বার আপনি বলতে পারবেন না ব্যবহৃত getElementById এবং মূলধনী সেখানে D. এটা সত্যিই সাধারণ কারণ. আমরা শব্দের আইডি লিখুন, এটা সাধারণত রাজধানী আমি মূলধন ডি আর আমার কোড ঠিক কাজ করছে না. এবং আমি কেন চিন্তা করতে পারে না. এই সত্যিই, সত্যিই সত্যিই, একটি হল সবাই যে সাধারণ বাগ, আছে এমনকি বিশেষজ্ঞদের সব সময় এই কাজ করা হয়েছে. তাই শুধু getElementById সচেতন হতে হবে, যে ডি ছোট হাতের হয়. আর আশা করছি, যে আপনি বেশ কিছু সংরক্ষণ মর্মবেদনা অন্তত মিনিট. 

তাই কি এই সব আমাদের কী বলে? আমরা এই পদ্ধতি আছে. আমরা এই বৈশিষ্ট্য আছে. এখন, আমরা থেকে শুরু হলে নথি, নথি. যাই হোক না কেন, আমরা এখন কোন পেতে পারেন আমাদের ওয়েব পৃষ্ঠার একক টুকরা আমরা জাভাস্ক্রিপ্ট ব্যবহার করতে চান যে শুধু এই পদ্ধতি কল করে এবং বৈশিষ্ট্য ওঠানামা আমরা বিভিন্ন অবস্থানগুলি এ এটি যে. 

এই, এই শব্দময় পেতে পারেন document.getElementByID, হয়তো একটি দীর্ঘ ট্যাগ নাম আছে, হতে পারে আপনি আরো পরে কল করতে. জিনিস অল্প শব্দময় পেতে পারেন. এবং প্রোগ্রামারদের হিসাবে, আপনি করেছি সম্ভবত এই ভিডিওর অনেক দেখা, আমরা শব্দময় জিনিষ পছন্দ করি না. 

আমরা দ্রুত কাজ করতে সক্ষম হতে চান. তাই আমরা আরো চাই সংক্ষিপ্ত ভাবে কিছু বলতে. সুতরাং জন্মাতে এই সাজানোর কিছু ধারণা বলা হয় jQuery. এখন jQuery জাভাস্ক্রিপ্ট নয়. এটা দয়া করে জাভাস্ক্রিপ্ট অংশ নয়. 

এটা লেখা হয়েছিল যে একটি লাইব্রেরি কিছু জাভাস্ক্রিপ্ট প্রোগ্রামারদের দ্বারা প্রায় 10 বছর আগে. এবং তার লক্ষ্য এই কি সহজতর করা হল বলা ক্লায়েন্ট সাইড স্ক্রিপ্টিং, যা আমরা শুধু কি ছিল মূলত DOM হেরফেরের সাথে এ ব্যাপারে কথা বলছেন. যদি তাই আর আমি পরিবর্তন করতে চেয়েছিলেন আমার ওয়েব পৃষ্ঠার পটভূমির রঙ, হয়তো একটি নির্দিষ্ট DIV. 

এখানে, আমি দৃশ্যত পেয়ে করছি ElementById colorDiv. আর আমি তার পটভূমির রঙ সেট করতে চান. আমি শুধু বিশুদ্ধ জাভাস্ক্রিপ্ট ব্যবহার করছি ডকুমেন্ট অবজেক্ট মডেল ব্যবহার, যে অধিকার, কাপড় অনেক? document.getElementByID colorDiv.style.backgroundColor সবুজ =. 

রক্ষে. অর্থাৎ অনেক ছিল. এটা খুব, টাইপ করতে অনেক. এবং তাই jQuery, আমরা হয়তো বলতে পারেন এই একটি সামান্য বিট আরও সংক্ষেপে. এটা হচ্ছে ট্রেড বন্ধ হতে পারে একটু বিট হঠাৎ সব আরো রহস্যপূর্ণ, ঠিক আছে? 

অন্তত দীর্ঘ একটু বেশী আমরা কি করছেন হিসাবে ব্যাখ্যামূলক. এই ডলার চিহ্ন, বন্ধনী, একক উদ্ধৃতি, হ্যাশ, colorDiv, ডান? ওটার মানে কি? ওয়েল, যে মূলত না ঠিক আছে document.getElementByID colorDiv. 

কিন্তু এটা সাঁটে লেখার এই সাজানোর jQuery ব্যবহার এরকম ভাবে. এর ঠিক এখন কটাক্ষপাত করা যাক বিভিন্ন উপায়ে একটি দম্পতি এ আমি আসলে প্রতাপ যে এই ডকুমেন্ট অবজেক্ট ব্যবহার মডেল আমার সাইটের টুকরা নিপূণভাবে. বিশেষ করে, আমরা চলুন সাধিত কাজ করা একটি নির্দিষ্ট রঙ একটি ওয়েব পেজে ডিভ, colorDiv,. সুতরাং আসুন যে কটাক্ষপাত করা যাক. ঠিক আছে. তাই আমি একটি পৃষ্ঠায় আছি. যখন আপনি ডাউনলোড এটা test.html বলা হচ্ছে এই কমান্ডের সাহায্যে আপনি এই সঙ্গে মেরামত করতে চান তাহলে. আর আমি একটি গুচ্ছ পেয়েছেন এই পৃষ্ঠায় বোতাম. আর আমি পৃথক ফাংশন বলার অপেক্ষা রাখে না পটভূমির রঙ, সবুজ, বেগুনি জন্য, কমলা, লাল, নীল, একটি একক ফাংশন পটভূমির রঙ জন্য, ইভেন্ট হ্যান্ডলার সঠিক নয় পটভূমির রঙ, এবং jQuery ব্যবহার করার জন্য. আমি কি বিষয়ে কথা বলছি যখন আমি এই কাজ করছি? সুতরাং আমরা বোতাম দেখা করেছি. এখন, এর কটাক্ষপাত করা যাক এখানে সোর্স কোড কিছু. আমরা test.html দিয়ে শুরু করব. পটভূমির জন্য তাই পৃথক ফাংশন রঙ আমি এখানে টাইপ করেছি কি. আমার একটি সামান্য বিট স্ক্রল যাক. 

আর আপনি যে আমি বিজ্ঞপ্তি পাবেন এই বোতাম পূর্বনির্ধারণ করে থাকেন এই বাটন ক্লিক করা হলে বলতে, রক্তবর্ণ চালু ফাংশন কল. এই বাটন ক্লিক করা হলে, বরং, ফাংশন সবুজ ঘুরিয়ে কল, লাল চালু, কমলা চালু, নীল চালু. আপনি সম্ভবত এই যে অনুমান করতে পারেন সেরা নকশা সম্ভবত নয় অর্থে, ডান? 

আমি যদি এটা চমৎকার হবে একটি সাধারণ পদ্ধতির আছে. আচ্ছা, প্রথম আমরা দেখে নেব যারা পাঁচ ফাংশন কি এ document.getElementByID রক্তবর্ণ colorDiv.style.background =, , লাল, সবুজ, কমলা যথাক্রমে, এবং নীল. সুতরাং, না বিশেষ করে ভাল নকশা. 

বোতাম পরবর্তী সেট আমি লিখিত করেছি হয় আছে নামক একটি একক ফাংশন যে দৃশ্যত রং পরিবর্তন তার যুক্তি হিসেবে একটি স্ট্রিং গ্রহণ করে. তাই এই সামান্য একটু ভাল. লাল বেগুনি, সবুজ, কমলা, নীল এখন একটি আর্গুমেন্ট. তাই আমি একটি সাধারণ লেখা করেছি যদি দয়া করে জাভাস্ক্রিপ্ট ফাংশন, যা ভালো কিছু চেহারা হতে পারে. আমি পার করছি. এই ফাংশনটি পরিবর্তনের রঙ রঙ নামক একটি যুক্তি আশা. এবং আমি সেট বলার অপেক্ষা রাখে না রং পটভূমির রঙ. তাই এখানে আমি এখানে পেয়েছেন কি প্রতিনিধিত্ব করে. সুতরাং যে একটু ভালো. 

কিন্তু আমি করতে সক্ষম হতে পারে যে বেশী ভালো করতে. আমরা দেখব নিচে যান ইভেন্ট হ্যান্ডলার সঠিক নয় পরিস্থিতির এ, এখন এই সব কল একই চেহারা. আপনার জন্য প্রত্যাহার হলে আমাদের ইভেন্ট হ্যান্ডলার উপর আলোচনা, আমি যা সম্পর্কে তথ্য পেতে পারেন এই বোতাম ক্লিক করে থাকেন এবং যে ব্যবহার করা হয়. 

আর তাই event.JavaScript, আমি করেছি লেখা পাংশুবর্ণ ইভেন্ট, যা ক্লিক করা হয়, যা বাটন পরিসংখ্যান আউট. যে ট্রিগার বস্তুর লাইন. এবং তারপর এখানে, এটা সত্যিই শব্দময় পায়. কিন্তু আমি কি করছি আমি করছি পটভূমি সেটিং triggerObject inner.HTML রং. যে পাঠ্য বাটন ট্যাগ মধ্যে. 

এবং তারপর আমি দৃশ্যত আছে এটা ছোট হাতের অক্ষর সেট. এবং যে আমি একটি সম্পূর্ণ রূপান্তর করতে পারেন কিভাবে স্ট্রিং ব্যবহার জাভাস্ক্রিপ্ট মধ্যে ছোটহাতের অক্ষরে যে পদ্ধতি ছোটহাতের অক্ষরে. আমি একটি রং সেট যখন কারণ, আমি এখানে করতে চেষ্টা করছি, রঙ সব ছোট হাতের হতে হয়েছে. 

কিন্তু আমি ছিল যে বাটন, আমরা অন্য চেহারা নিয়ে যদি, টেক্সট আছে যে লক্ষ্য রক্তবর্ণ জন্য একটি মূলধন পি দিয়ে লেখা. এবং তারপর খুব এখানে নীচে, আমি দৃশ্যত চেষ্টা করুন এবং এই হিসাবে ভাল ব্যবহার jQuery করতে. এবং এই ক্ষেত্রে, আমি আসলে নই এ সব একটি ফাংশন কলিং. আমি শুধু আমি বর্গ নই যে বলেন করেছি এই বাটন জন্য ব্যবহার একটি JQ বাটন. এটাই. 

তাই কেমন হয় jQuery আমি কি করছি আমি জানি না? ওয়েল, এই সুবিধার এক jQuery এর অসুবিধেও কাট. এটা আমার কিছু করার অনুমতি দিতে পারে খুব সংক্ষেপে, কিন্তু হতে পারে না যেমন, intuitively. হয়তো যারা অন্য তিনটি একটি বিট আরো কি আমি করছি ইন্দ্রিয়. এখানে, যদিও, কি ঘটছে? 

দৃশ্যত, তৈরি একটি বেনামী ফাংশন যে লোড যখনই আমার নথি , তাই document.ready, প্রস্তুত কিছু ফাংশন ঘটতে যাচ্ছে. মূলত, যখন একটি নথি প্রস্তুত? আমার পাতা লোড হওয়ার পরে এটা. 

তাই যত তাড়াতাড়ি আমার পৃষ্ঠা লোড হয়েছে, ফাংশন নিম্নলিখিত যাওযার. এটা বলছেন, তাহলে টাইপ jQButton একটি অবজেক্ট, বা বর্গ jQButton ক্লিক করা হয়েছে, তাহলে এই ফাংশন চালানো. তাই এখানে দুই বেনামী ফাংশন, এক অপরের ভিতর সংজ্ঞায়িত. 

আমার সম্পূর্ণ প্রেক্ষাপটে তাই এখানে এখন পর্যন্ত আমার পাতা লোড যখন এটি এই ফাংশন কল. এবং এই ফাংশন অপেক্ষা করছে একটি বাটন জন্য ক্লিক করা. এবং একটি বাটন ক্লিক করা হলে, JQ বাটন ক্লিক করা বিশেষভাবে, এটা এই অন্যান্য আহ্বান ফাংশন, যা যাচ্ছে ব্যাকগ্রাউন্ড সেট করতে colorDiv রঙ হতে যাই হোক না কেন আপনি টেক্সট ট্যাগ এর মধ্যে হয়. 

এই ধারণা যা বাটন ক্লিক করা. কিন্তু নিয়োগ, এই ধরণের হয় একটি ইভেন্টে একই ব্যবহারকে. এটা ঠিক একই ভাবে আমি jQuery মধ্যে এই প্রকাশ করবে. আবার, এটা সম্ভবত একটি অনেক বেশি ভয় দেখিয়ে. এটা যত স্পষ্ট নয় event.js ভালো কিছু, যা হয়তো একটু একটু বেশী বাগাড়ম্বরপূর্ণ, কিন্তু একটি সামান্য বিট কম ভয় দেখিয়ে. 

কিন্তু আমরা আমার ব্রাউজারে ওভার ফিরে পপ উইন্ডো, আমি ভাল clicking-- শুরু হলে, যে রক্তবর্ণ পরিবর্তন. এই স্ট্রিং পদ্ধতি ব্যবহার সবুজ. এই ইভেন্ট হ্যান্ডলার ব্যবহার করে কমলা. 

এই অধিকার, jQuery ব্যবহার লাল? তারা সব ঠিক একই আচরণ করে. তারা শুধু এটা বিভিন্ন ব্যবহার করতে সমস্যা সমাধানের জন্য পন্থা. করার আরো অনেক কিছু আছে jQuery এর পরে আমরা অবশ্যই আছেন এই ভিডিওতে বিষয়ে কথা বলতে যাচ্ছেন. আপনি আরও জানতে চান তবে, আপনি যা করতে পারেন ডকুমেন্টেশন jQuery এর বাছাই করা যেতে এবং সম্পর্কে বেশ কিছুটা জানতে এই খুবই নমনীয় গ্রন্থাগার, যা ক্লায়েন্ট সাইড করছেন জন্য মহান যেমন আমরা সেটিই ছিল হিসাবে স্ক্রিপ্টিং চেহারা নিপূণভাবে এবং আমাদের ওয়েব পৃষ্ঠার বোধ অবজেক্ট মডেলের সঙ্গে. আমি ডগ লয়েড আছি. এটি CS50.