وضع مسج محتوى وخصائص
تعيين المحتوى - النص ()، أتش تي أم أل () وفال ()
سوف نستخدم نفس الطريقة كما في الفصل السابق المسجل ثلاثة عناصر:
- نص () - مجموعات أو إرجاع محتوى النص من العنصر المحدد
- أتش تي أم أل () - مجموعات أو إرجاع محتويات العنصر المحدد (بما في ذلك علامات HTML)
- فال () - إرجاع الحقول قيمة أو شكل
يوضح المثال التالي كيفية النص ()، أتش تي أم أل () وفال () طريقة لضبط المحتوى:
أمثلة
$ ( "# TEST1") النص ( "مرحبا العالم!")؛
})؛
$ ( "# Btn2"). انقر (وظيفة () {
$ ( "# TEST2") أتش تي أم أل ( "<ب> مرحبا العالم </ B>!")؛
})؛
$ ( "# Btn3"). انقر (وظيفة () {
$ ( "# Test3") فال ( "w3big")؛
})؛
محاولة »
نص ()، أتش تي أم أل () وفال () وظيفة رد
أعلاه ثلاث طرق مسج: النص ()، أتش تي أم أل () وفال ()، لديها وظيفة رد. رد من قبل اثنين من المعلمات: العنصر المحدد في قائمة العناصر تحت المعيار الحالي، فضلا عن القيمة الأصلية (القديمة). ثم ترجع الدالة القيمة التي تريد استخدام السلسلة الجديدة.
يوضح المثال التالي النص مع الاستدعاء ()، وأتش تي أم أل ():
أمثلة
$ ( "# TEST1"). نص (وظيفة (ط، origText) {
عودة "النص القديم:" + origText + "النص الجديد: مرحبا العالم (مؤشر:!" + انا + ")".
})؛
})؛
$ ( "# Btn2"). انقر (وظيفة () {
$ ( "# TEST2"). أتش تي أم أل (وظيفة (ط، origText) {
العودة "أتش تي أم أل القديم:" + origText + "الجديد أتش تي أم أل: مرحبا <ب> العالم </ B> (مؤشر:!" + انا + ")".
})؛
})؛
محاولة »
سمات تعيين - ATTR ()
ويستخدم أسلوب مسج ATTR () لتعيين / تغيير قيمة العقار.
يوضح المثال التالي كيفية تغيير الارتباط قيمة (الإعداد) الخاصية href:
أمثلة
$ ( "# W3big") .attr ( "أ href"، "http://www.w3big.com/jquery")؛
})؛
محاولة »
كما يتيح طريقة ATTR () لك لتحديد خصائص متعددة في وقت واحد.
يوضح المثال التالي كيفية تعيين سمة كل من HREF واللقب:
أمثلة
$ ( "# W3big"). ATTR ({
"أ href": "http://www.w3big.com/jquery"
"العنوان": "مسج دروس"
})؛
})؛
محاولة »
ATTR () وظيفة رد
طريقة مسج ATTR ()، كما توفر وظيفة رد. رد من قبل اثنين من المعلمات: العنصر المحدد في قائمة العناصر تحت المعيار الحالي، فضلا عن القيمة الأصلية (القديمة). ثم ترجع الدالة القيمة التي تريد استخدام السلسلة الجديدة.
يوضح المثال التالي مع طريقة ظيفة رد ATTR ():
أمثلة
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
محاولة »