JQuery هي مكتبة JavaScript ، أي امتداد لـ JavaScript ، وتستخدم لتلبية مختلف احتياجات المؤثرات الخاصة المتزايدة. إنه جافا سكريبت
دعنا نكتب برنامج JQ أساسي لتوضيح JQ.
1. الأهداف الأساسية
هناك ثلاثة أزرار في صفحة الويب ، ويمكن للمرء فقط إخفاء النص ، ويمكن للمرء فقط عرض النص ، ويمكن للآخر إخفاء وعرض النص في نفس الوقت. انقر للظهور ، ثم انقر للاختباء ، وحلقة بلا حدود.
2. عملية الإنتاج
1. أولاً ، تحتاج إلى تنزيل ملف دعم JQ من موقع JQ الرسمي ووضعه في مجلد موقعك. ملف الدعم هذا هو jQuery1.11. يمكنك تنزيل jQuery1.11 ، الذي يتوافق مع المتصفح القديم IE6 ، من موقع jQuery الرسمي ، بدلاً من JQuery2 ، والذي لا يتوافق مع المتصفح القديم IE6.
2. رمز صفحة الويب بأكمله كما يلي ، ثم يشرح في الشظايا:
<! doctype html public "-// w3c // dtd xhtml 1.0 transitional // en" xmlns = "http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <script type = "text/javascript" src = <script> $ (document) .Ready (function () {$ ("#Hide"). انقر فوق (function () {$ ("#text"). Hide () ؛}) ؛ $ ("#show"). انقر فوق (function () {$ ( </script> <!-<style type = "text/css"> #text {display: none} </style>-> <title> تتلاشى jq وعرضها </title> </head> <body> <p id = "text"> text remove </p> <button id = "hide" </body> </html>(1) <body> جزء
الجزء <head> ينفذ بشكل أساسي جزء الكود الأساسي. لنتحدث عن ذلك لاحقًا. دعنا نتحدث عن <Body> part <body> <!-هذا نص يحتوي على معرف كنص للتحكم في البرنامج النصي السهل-> <p id = "text"> النص القذف </p> <!-اضبط الأزرار مع معرفات لإخفاء ، عرض ، تبديل على التوالي>
(2) <الرأس> جزء
<Head> <!-ترميز صفحات الويب ، معلنًا أنه يجب عليك استخدام jq-> <meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/> <script type = "text/javascript" src = "js/jquery-1.1.1.js"> وظيفة إجمالية مع $ (وثيقة) .READY (function () {}) ؛. إذا لم يكن عليك تنفيذ الإطار الذي توفره هذه الوظيفة ، فلا يمكنك تنفيذ-> $ (وثيقة). READER (function () {<!-ثم اكتب الوظيفة المطلوبة في هذه الوظيفة-> <!-استدعاء استدعاء الوظيفة لعملية النقر فوق الزر مع إخفاء المعرف ، ولا يزال يتم وضع الإجراءات اللاحقة في هذه الوظيفة-> $ ("#إخفاء". $ ("#text"). Hide () ؛ عرض </title> </head>