jQuery مختارات

طرق HTML/CSS في jQuery

jQuery text() 方法

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

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

للحصول على محتوى النصhtml()للحصول أو تعديل innerHTML (النص + علامات HTML) للعنصر المحدد.

ملاحظة: لا يمكن استخدام دالة text() على عناصر الإدخال. لتحديد أو تعديل نص حقل الإدخال، استخدمval()الطريقة.

النحو:

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

$(selector).text()

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

$(selector).text(content)

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

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

مثال

انقر على الزر للحصول على محتوى النص لجميع الفقرات:

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

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

$("button").click(function(){
　　$("p").text("I　would　like　to　say:　Hello　world");
});

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

$("button").click(function(){
　　$("p").text(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