أحدث البرامج التعليمية وتطوير الشبكة
 

مسج المختارون

❮ السابقالفصل التالي ❯

محددات مسج هي واحدة من أهم أجزاء من المكتبة مسج.

مسج المختارون

محددات مسج تسمح لك لاختيار والتلاعب عنصر HTML (ق).

تستخدم محددات مسج "ايجاد" (أو حدد) عناصر HTML بناء على اسمهم، والهوية، والطبقات، وأنواع، والصفات والقيم من الصفات وأكثر من ذلك بكثير. انه يعتمد على القائمة المختارون CSS ، وبالإضافة إلى ذلك، فإنه لديه بعض محددات المخصصة الخاصة.

جميع المنتخبات في مسج تبدأ مع علامة الدولار وبين قوسين: $ ().

والمختار عنصر

محدد عنصر مسج يختار العناصر استنادا إلى اسم عنصر.

يمكنك اختيار جميع <p> والعناصر على صفحة مثل هذه:

$("p")

مثال

عندما ينقر المستخدم على زر، عن <p> والعناصر سوف تكون مخفية:

مثال

$(document).ready(function(){
    $("button").click(function(){
        $("p").hide();
    });
});
انها محاولة لنفسك »

والمختار #ID

يستخدم #ID محدد مسج السمة معرف علامة HTML للعثور على عنصر معين.

يجب أن يكون معرف فريد ضمن الصفحة، لذلك يجب عليك استخدام محدد #ID عندما كنت ترغب في العثور على عنصر واحد، فريدة من نوعها.

العثور على عنصر مع معرف معين، كتابة حرف التجزئة، يليه معرف عنصر HTML:

$("#test")

مثال

عندما ينقر المستخدم على الزر، العنصر مع معرف = "اختبار" سوف تكون مخفية:

مثال

$(document).ready(function(){
    $("button").click(function(){
        $("#test").hide();
    });
});
انها محاولة لنفسك »

والمختار. الطبقة

يجد الطبقة محدد مسج العناصر مع فئة معينة.

للعثور على العناصر مع فئة محددة، كتابة حرف الفترة، يليه اسم الفئة:

$(".test")

مثال

عندما ينقر المستخدم على زر، والعناصر مع الطبقة = "اختبار" سوف تكون مخفية:

مثال

$(document).ready(function(){
    $("button").click(function(){
        $(".test").hide();
    });
});
انها محاولة لنفسك »

المزيد من الأمثلة على مسج المختارون

Syntax Description Example
$("*") Selects all elements Try it
$(this) Selects the current HTML element Try it
$("p.intro") Selects all <p> elements with class="intro" Try it
$("p:first") Selects the first <p> element Try it
$("ul li:first") Selects the first <li> element of the first <ul> Try it
$("ul li:first-child") Selects the first <li> element of every <ul> Try it
$("[href]") Selects all elements with an href attribute Try it
$("a[target='_blank']") Selects all <a> elements with a target attribute value equal to "_blank" Try it
$("a[target!='_blank']") Selects all <a> elements with a target attribute value NOT equal to "_blank" Try it
$(":button") Selects all <button> elements and <input> elements of type="button" Try it
$("tr:even") Selects all even <tr> elements Try it
$("tr:odd") Selects all odd <tr> elements Try it

استخدام لدينا اختبار محدد مسج للتدليل على محددات مختلفة.

للإشارة كاملة لجميع المنتخبات مسج، يرجى زيارة موقعنا مسج المختارون المرجعي .

وظائف في ملف منفصل

إذا كان موقع الويب الخاص بك يحتوي على الكثير من الصفحات، وتريد ظائف مسج لتكون سهلة للحفاظ على، يمكنك وضع وظائف مسج في ملف شبيبة منفصل.

عندما نظهر مسج في هذا البرنامج التعليمي، يتم إضافة وظائف مباشرة في القسم <head>. ومع ذلك، في بعض الأحيان أنه من الأفضل وضعها في ملف منفصل، مثل هذا (استخدام سمة src للإشارة إلى ملف شبيبة):

مثال

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>

اختبر نفسك مع تمارين!

التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 » التمرين 6»


❮ السابقالفصل التالي ❯