طريقة jQuery html()

طرق HTML/CSS jQuery

يستخدم طريقة html() للحصول أو ضبط محتوى العنصر المحدد (innerHTML).

استخدام طريقة html()الحصولعند ضبط المحتوى، سيقوم بالعودةالعنصر المحدد الأولالمحتوى.

استخدام طريقة html()ضبطعند ضبط المحتوى، سيقوم بتغطيتهمحتوى جميع العناصر المحددة.

ملاحظة:عند استخدام html() لضبط محتوى العنصر، سيتم استبدال جميع المحتويات الحالية بالمحتوى الجديد. بالإضافة إلى ذلك، قبل استبدال المحتويات بالعناصر الفرعية الجديدة، يقوم jQuery بإزالة جميع البنيات الأخرى من العناصر الفرعية، مثل البيانات ومسؤولي الحدث.

استخدامtext()يحصل أو يضبط الطريقة فقط على محتوى العنصر المحدد.

النحو:

الحصول على المحتوى:

$(selector).html()

ضبط المحتوى:

$(selector).html(content)

استخدام الوظيفة لضبط المحتوى:

$(selector).html(function(index,　currentContent))

مثال

انقر على الزر للحصول على محتوى الفقرة الأولى:

$("button").click(function(){
　　alert($("p").html());
});

سيتم عرض محتوى HTML لكل فقرة عند النقر عليها:

$("p").click(function(){
　　alert($(this).html());
});

تغيير محتوى جميع الفقرات:

$("button").click(function(){
　　$("p").html("أريد أن أقول:　<b>Hello world</b>");
});

استخدام الوظيفة لتغيير محتوى العنصر:

$("button").click(function(){
　　$("p").html(function(i){
　　　　return "الرقم المطلق لهذا العنصر p: " + i;
　　});
});

الفرق بين طريقة html() ومتدخل text()

$("#btn1").click(function(){
　　$("p").html("أريد أن أقول:　<b>Hello world</b>");
});
$("#btn2").click(function(){
　　$("p").text("أريد أن أقول:　<b>Hello world</b>");
});

قيمة المعامل

طرق HTML/CSS jQuery