تعرف على الوظائف الأساسية لـ jQuery اليوم.
مسج (تعبير، [سياق])
تأخذ هذه الوظيفة سلسلة تحتوي على محدد CSS وتستخدم هذه السلسلة لمطابقة مجموعة من العناصر.
يتم تنفيذ الوظائف الأساسية لـ jQuery من خلال هذه الوظيفة. كل شيء في jQuery يعتمد على هذه الوظيفة، أو يستخدم هذه الوظيفة بطريقة ما. الاستخدام الأساسي لهذه الوظيفة هو تمرير تعبير (يتكون عادة من محدد CSS) ثم العثور على جميع العناصر المطابقة بناءً على هذا التعبير.
افتراضيًا، إذا لم يتم تحديد معلمة السياق، فسوف يبحث $() عن عناصر DOM في مستند HTML الحالي؛ وإذا تم تحديد معلمة السياق، مثل مجموعة عناصر DOM أو كائن jQuery، فسوف يبحث في هذا السياق. (مقتطف من jQuery API)
وبدون مزيد من اللغط، دعونا نلقي نظرة على المثال:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns=" http ://www.w3.org/1999/xhtml"><head><title>Hello World jQuery</title><style>.showtext{ الخلفية:#999999; اللون:#990000; وزن الخط:800; العرض :auto; height:40px;}.showtext3{ الخلفية:#666; ="jquery-1.3.2-vsdoc2.js"></script></head><body><div id="divMsg" style="color:#FF0000;font-size:18px;font-family:' ملاحظة'">اختبار غير مقصود لـ JQuery!</div><input id="btnShow" type="button" value="Show" /> <input id="btnHide" type="button" value="Hide" / ><br /> <input id="btnChange" type="button" value="تعديل المحتوى إلى Hello World jQuery!" /> <input id="btnChange2" type="button" value="تعديل المحتوى للاختبار غير المقصود لـ JQuery!!" /> <script type="text/javascript">$("#btnShow").bind("click",function(event){$("#divMsg").show("fast ")} ); $("#btnHide").bind("click",function(event){$("#divMsg").hide("slow")}); $("#btnChange").bind ("انقر فوق"، function(event) { $("#divMsg").html("Hello World jQuery!"); }); $("#btnChange2").bind("click",function(event){ $(" #divMsg").html("اختبار JQuery عن غير قصد!!");});</script> <h4>بالمناسبة، اسمحوا لي أن أقدم مجموعتي الكبرى في QQ 67221760 (مجموعة تداول الأسهم)! </h4> <div><p>لقد تأخرت عن العمل اليوم! </p></div><div></div><div><p>ولكن عليك التدوين في الوقت المحدد</p></div><div><p>لا يهم إذا قمت بالخصم راتبك</p> </div><span>9999999999999999999</span><span class="showtext2">3333333333333333333</span><script language="javascript">$( function() { // تطابق جميع الامتدادات العناصر، var showText= $("span"); // أضف سمة الفئة إلى جميع عناصر الامتداد showText.addClass("showtext"); // تطابق جميع العناصر التي تحتوي على p في div var SelectDiv=$("div p" ); // مهمة محتوى showtext showText.text("ماذا يمكنني أن أفعل إذا لم تأتي الحافلة رقم 93"); // أضف سمة الفئة إلى عنصر Selectdiv SelectDiv.addClass("showtext3"); حدد العناصر من خلال أسماء فئات CSS var SelectByClass=$ (".showtext2"); SelectByClass.text("اسمحوا لي أولاً أن أذكر أنني استيقظت مبكرًا جدًا." })</script></body></html>