jQuery Ajax

jQuery متنوعة

jQuery تدوير - تصفية

استخدام jQuery، يمكننا بسهولة تصفية مجموعة العناصر من عناصر DOM المختلفة.

في هذا الفصل، سنوضح كيفية تقليل نطاق البحث عن العناصر داخل شجرة DOM.

• سأقوم بشرح كيفية استخدام كل طريقة.

• $("p").first().css("background", "coral");

• $("p").last().css("background", "coral");

• filter()

• طريقة jQuery not()

• has()

• is()

تصفية شجرة DOM

لدينا هنا طرق jQuery، لاختيار العناصر بناءً على موقعها داخل مجموعة العناصر:

jQuery سأقوم بشرح كيفية استخدام كل طريقة.طريقة jQuery first()

first()

$(document).ready(function(){
　　طريقة تعود العناصر الأولى المحددة.
});

النموذج التالي يبرز الأول من الأقسام:

jQuery $("p").first().css("background", "coral");طريقة jQuery last()

last()

$(document).ready(function(){
　　طريقة تعود العناصر الأخيرة المحددة.
});

النموذج التالي يبرز الأخير من الأقسام:

jQuery $("p").last().css("background", "coral");طريقة jQuery eq()

eq()

طريقة تعود العناصر التي تحتوي على المفهرس المحدد.

رقم المفهرس يبدأ دائمًا من 0، لذا سيكون الرقم الأول لهذا المفهرس 0 وليس 1.
　　النموذج التالي يختار القسم الثالث (رقم المفهرس 2):
});

طريقة filter jQuery

jQuery filter()$("p").eq(2).css("background-color", "red");

طريقة تعود العناصر التي تتوافق مع الشروط المحددة.

هذه الطريقة تمرر جميع العناصر التي لا تتوافق مع الشروط المحددة، وتعيد العناصر التي تتوافق معها.

$(document).ready(function(){
　　النموذج التالي يعود جميع الأقسام التي تحتوي على اسم فئة "demo":
});

$("p").filter(".demo").css("background", "coral");

$(document).ready(function(){
　　النموذج التالي يعود جميع العناصر المتنوعة من القوائم:
});

$("li").filter(":even").css("background", "coral");

jQuery طريقة jQuery not()not()

هذه الطريقة تعود العناصر التي لا تتوافق مع الشروط المحددة.filter()الطريقة العكسية.

النموذج التالي يعود جميع الأقسام التي ليس لديها اسم فئة "demo":

$(document).ready(function(){
　　$("p").not(".demo").css("background", "coral");
});

طريقة has jQuery

jQuery has()تقوم هذه الطريقة بالعودة إلى جميع العناصر التي تطابق المصفوفة المحددة، تحتوي على عنصر أو أكثر.

في هذا المثال، يتم العودة إلى جميع الفقرات التي تحتوي على عنصر <span>:

$(document).ready(function(){
　　$("p").has("span").css("background-color", "coral");
});

طريقة is jQuery

jQuery is()تتحقق هذه الطريقة مما إذا كان أي عنصر مختار مطابقًا للمعامل المحدد.

إذا كانت أي من هذه العناصر تطابق المعامل المحدد، فإن هذه الطريقة ستعود إلى true، وإلا ستعود إلى false.

في المثال التالي، يتم فحص ما إذا كان الأب <p> هو عنصر <div>:

$(document).ready(function(){
　　$("p").parent().is("div");
});

مرجع التتبع jQuery

للحصول على مرجع كامل لطرق التتبع، يرجى زيارةمرجع التتبع jQuery.