ه وسیله متد after در jQuery ، می توانید محتویات مورد نظر خود ( می تواند شامل متن یا تگ های HTML باشد ) را پس از عنصر مورد نظر خود ، در صفحه HTML وارد نمایید .
برای مثال فرض کنید که یک پاراگراف در صفحه دارید . به وسیله این متد می توانید یک پاراگراف یا یک تگ دیگر HTML را پس از آن عنصر ، به صفحه اضافه نمایید .
شکل کلی استفاده از این متد به شرح زیر است :
| Syntax | $ ( " selector " ).after ( content ) ; |
توضیح هر یک از موارد syntax :
| syntax توضیح | |
| توضیح | Parameter |
| عنصر مورد نظری است که می خواهید محتویات مورد نظرتان را پس از آن ، در صفحه وارد نمایید . | selector |
| تعیین کننده محتویاتی است که می خواهید پس از عنصر مورد نظر در صفحه وارد نمایید . این محتویات می تواند شامل متن یا سایر تگ های HTML باشد . | content |
| مثال | $ ( " p#P1 " ).after ( " < p > This is what you want to add < /p > " ) ; |
مثال عملی :
در مثال زیر استفاده از این متد را در عمل به شما نمایش داده ایم .
در این مثال ، یک پاراگراف داریم که درباره 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" ).after ( " < p > with jQuery you can do very useful things . you can hide or toggle objects < /p > " ); }); }); </script> <button> Click to add second paragraph</button> |
کد |
