Latest web development tutorials

مسج محدد

مسج محدد يسمح لك لعناصر HTML مجموعة أو عنصر واحد للعمل.


مسج محدد

مسج محدد يسمح لك لعناصر HTML مجموعة أو عنصر واحد للعمل.

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

جميع محددات مسج تبدأ مع علامة الدولار: $ ().


محددات

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

تحديد كافة <ص> العناصر في الصفحة:

$("p")

أمثلة

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

أمثلة

$(document).ready(function(){
$("button").click(function(){
$("p").hide();
});
});

محاولة »


محدد #ID

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

يجب أن تكون عناصر الهوية في صفحة فريدة من نوعها، لذلك تريد لتحديد فقط العناصر في الصفحة من خلال محدد #ID.

معرف من خلال اختيار العناصر الجملة التالي:

$("#test")

أمثلة

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

أمثلة

$(document).ready(function(){
$("button").click(function(){
$("#test").hide();
});
});

محاولة »


. الطبقة محدد

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

بناء الجملة كما يلي:

$(".test")

أمثلة

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

أمثلة

$(document).ready(function(){
$("button").click(function(){
$(".test").hide();
});
});

محاولة »


مزيد من الأمثلة

语法 描述 实例
$("*") 选取所有元素 在线实例
$(this) 选取当前 HTML 元素 在线实例
$("p.intro") 选取 class 为 intro 的 <p> 元素 在线实例
$("p:first") 选取第一个 <p> 元素 在线实例
$("ul li:first") 选取第一个 <ul> 元素的第一个 <li> 元素 在线实例
$("ul li:first-child") 选取每个 <ul> 元素的第一个 <li> 元素 在线实例
$("[href]") 选取带有 href 属性的元素 在线实例
$("a[target='_blank']") 选取所有 target 属性值等于 "_blank" 的 <a> 元素 在线实例
$("a[target!='_blank']") 选取所有 target 属性值不等于 "_blank" 的 <a> 元素 在线实例
$(":button") 选取所有 type="button" 的 <input> 元素 和 <button> 元素 在线实例
$("tr:even") 选取偶数位置的 <tr> 元素 在线实例
$("tr:odd") 选取奇数位置的 <tr> 元素 在线实例

ملف منفصل باستخدام وظيفة مسج

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

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

أمثلة

<head>
<script src="http://cdn.static.w3big.com/libs/jquery/1.10.2/jquery.min.js">
</script>
<script src="my_jquery_functions.js"></script>
</head>