المحتوى مجموعة - text(), html() ، و val()
سوف نستخدم نفس ثلاثة أساليب من الصفحة السابقةلوضع المحتوى:
- text() - مجموعات أو إرجاع محتوى النص من العناصر المختارة
- html() - مجموعات أو إرجاع محتوى العناصر المختارة (بما في ذلك ترميز HTML)
- val() - مجموعات أو إرجاع قيمة من حقول النموذج
يوضح المثال التالي كيفية تعيين المحتوى مع مسج text(), html() ، و val() طرق:
مثال
$("#btn1").click(function(){
$("#test1").text("Hello world!");
});
$("#btn2").click(function(){
$("#test2").html("<b>Hello world!</b>");
});
$("#btn3").click(function(){
$("#test3").val("Dolly Duck");
});
انها محاولة لنفسك » دالة رد على text(), html() ، و val()
كل الطرق مسج الثلاثة المذكورة أعلاه: text(), html() ، و val() ، وتأتي أيضا مع وظيفة الاستدعاء. وظيفة رد له معلمتين: مؤشر العنصر الحالي في قائمة العناصر المختارة والقيمة الأصلية (القديمة). أنت ثم العودة السلسلة التي ترغب في استخدامها حيث بلغت قيمة جديدة من وظيفة.
يوضح المثال التالي text() و html() مع دالة رد:
مثال
$("#btn1").click(function(){
$("#test1").text(function(i, origText){
return "Old text: " + origText + " New text: Hello world!
(index: " + i + ")";
});
});
$("#btn2").click(function(){
$("#test2").html(function(i, origText){
return "Old html: " + origText + " New html: Hello
<b>world!</b>
(index: " + i + ")";
});
});
انها محاولة لنفسك » سمات تعيين - attr()
ومسج attr() يستخدم الأسلوب أيضا إلى مجموعة / تغيير قيم السمات.
يوضح المثال التالي كيفية تغيير (مجموعة) من قيمة href السمة في الرابط التالي:
مثال
$("button").click(function(){
$("#w3s").attr("href", "http://www.w3ii.com/jquery");
});
انها محاولة لنفسك » و attr() كما يسمح طريقة لك لتحديد سمات متعددة في نفس الوقت.
يوضح المثال التالي كيفية تعيين كل من href ولقب الصفات في نفس الوقت:
مثال
$("button").click(function(){
$("#w3s").attr({
"href" : "http://www.w3ii.com/jquery",
"title" : "w3ii jQuery Tutorial"
});
});
انها محاولة لنفسك » دالة رد ل attr()
طريقة مسج attr() ، وتأتي أيضا مع وظيفة الاستدعاء. وظيفة رد له معلمتين: مؤشر العنصر الحالي في قائمة العناصر المختارة والأصلي (القديم) قيمة السمة. أنت ثم العودة السلسلة التي ترغب في استخدامها حيث بلغت قيمة سمة جديدة من وظيفة.
يوضح المثال التالي attr() مع دالة رد:
مثال
$("button").click(function(){
$("#w3s").attr("href", function(i, origValue){
return origValue + "/jquery";
});
});
انها محاولة لنفسك » اختبر نفسك مع تمارين!
التمرين 1 » التمرين 2» التمرين 3 » التمرين 4» التمرين 5 »
مسج HTML المرجعي
لمحة كاملة عن أساليب مسج HTML، يرجى زيارة موقعنا مسج HTML / CSS المرجعي .