jQuery - الحصول على المحتوى والسمات
يحتوي jQuery على طرق فعالة لتغيير عناصر وسمات HTML ومعالجتها.
jQuery DOM التلاعب
جزء مهم جدًا من jQuery هو إمكانية معالجة DOM.
يأتي jQuery مع مجموعة من الأساليب ذات الصلة بـ DOM والتي تجعل من السهل الوصول إلى العناصر والسمات ومعالجتها.
DOM = نموذج كائن المستند
يحدد DOM معيارًا للوصول إلى مستندات HTML و XML:
"نموذج كائن مستند W3C (DOM) هو نظام أساسي وواجهة لغة محايدة تسمح للبرامج والنصوص بالوصول الديناميكي إلى المحتوى والبنية و نمط المستند ".
الحصول على المحتوى - نص () و html () و val ()
ثلاث طرق بسيطة ولكنها مفيدة من jQuery لمعالجة DOM هي:
text()- يعين أو يعيد محتوى النص للعناصر المحددةhtml()- تعيين أو إرجاع محتوى العناصر المحددة (بما في ذلك ترميز HTML)val()- تعيين أو إرجاع قيمة حقول النموذج
يوضح المثال التالي كيفية الحصول على محتوى باستخدام jQuery text()والطرق html():
مثال
$("#btn1").click(function(){
alert("Text: " + $("#test").text());
});
$("#btn2").click(function(){
alert("HTML: " + $("#test").html());
});
يوضح المثال التالي كيفية الحصول على قيمة حقل الإدخال باستخدام val()طريقة jQuery:
مثال
$("#btn1").click(function(){
alert("Value: " + $("#test").val());
});
إحضار السمات - Attr ()
attr()تُستخدم طريقة jQuery للحصول على قيم السمات.
يوضح المثال التالي كيفية الحصول على قيمة السمة href في ارتباط:
مثال
$("button").click(function(){
alert($("#w3s").attr("href"));
});
يشرح الفصل التالي كيفية تعيين (تغيير) قيم المحتوى والسمات.
تمارين مسج
مرجع HTML jQuery
للحصول على نظرة عامة كاملة على جميع طرق jQuery HTML ، يرجى الانتقال إلى مرجع jQuery HTML / CSS الخاص بنا .