توسط متد append در jQuery می توانید یک متن را به ادامه یک پاراگراف دیگر اضافه نمایید . متن اضافه شده به ادامه پاراگراف اضافه می شود نه اینکه در سطر بعد ( برخلاف متد ( ) after ) .
از این متد برای زمانی استفاده می شود که بخواهید یک متن را به ادامه یک پاراگراف موجود در صفحه اضافه نمایید .
شکل کلی استفاده از این متد به شرح زیر است :
| Syntax | $ ( " selector " ).append ( content ) ; |
توضیح هر یک از موارد syntax :
| syntax توضیح | |
| توضیح | Parameter |
| پاراگراف یا عنصر مورد نظری است که می خواهید متن مورد نظرتان را به ادامه آن اضافه نمایید . | selector |
| تعیین کننده محتویاتی است که می خواهید به ادامه عنصر مورد نظر در صفحه اضاافه نمایید . این محتویات می تواند شامل متن باشد . | content |
| مثال | $ ( " p#P1 " ).append ( " < b > This is what you want to add < /b > " ) ; |
مثال عملی :
در مثال زیر استفاده از این متد را در عمل به شما نمایش داده ایم .
در این مثال ، یک پاراگراف داریم که درباره jQuery توضیحات مختصری را ارائه کرده است . اما یک ادامه متنی را نیز در نظر گرفتیم که از دید کاربر مخفی است و قرار است توضیحات بیشتری راجع به jQuery نمایش دهد . کاربر در صورت تمایل می تواند با کلیک بر روی دکمه فرمان موجود در خروجی مثال ، متن اضافه را پاراگراف جاری اضافه کرده و آن را بخواند .
برای مشاهده خروجی مثال ، بر روی دکمه فرمان در خروجی کلیک نمایید :
| Example | |
|
<p id="P_1"> jQuery is a new scripting method . </p> <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready( function ( ) { $("button").click (function ( ) { $( "#P_1" ).append ( " < b > with jQuery you can do very useful things . you can hide or toggle objects . < /b > " ); }); }); </script> <button> Click to add second paragraph</button> |
کد |
