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