کاربرد jQuery در HTML - متد ( ) after
متد ( ) after در jQuery :
به وسیله متد after در jQuery ، می توانید محتویات مورد نظر خود ( می تواند شامل متن
یا تگ های HTML باشد ) را پس از عنصر مورد نظر خود ، در صفحه HTML وارد نمایید .
برای مثال فرض کنید که یک پاراگراف در صفحه دارید . به وسیله این متد می توانید یک
پاراگراف یا یک تگ دیگر HTML را پس از آن عنصر ، به صفحه اضافه نمایید .
شکل کلی استفاده از این متد به شرح زیر است :
|
Syntax
|
$ ( " selector " ).after ( content ) ;
|
توضیح هر یک از موارد syntax :
|
توضیح
|
|
عنصر مورد نظری است که می خواهید محتویات مورد نظرتان را پس از آن ، در صفحه وارد نمایید
.
|
|
تعیین کننده محتویاتی است که می خواهید پس از عنصر مورد نظر در صفحه وارد نمایید .
این محتویات می تواند شامل متن یا سایر تگ های HTML باشد .
|
|
مثال
|
$ ( " p#P1 " ).after ( " < p > This is what you want to add < /p > "
) ;
|
مثال عملی :
در مثال زیر استفاده از این متد را در عمل به شما نمایش داده ایم .
در این مثال ، یک پاراگراف داریم که درباره jQuery توضیحات مختصری را ارائه کرده است
. اما یک پاراگراف دوم نیز در نظر گرفتیم که از دید کاربر مخفی است و قرار است توضیحات
بیشتری راجع به jQuery نمایش دهد . کاربر در صورت تمایل می تواند با کلیک بر روی دکمه
فرمان موجود در خروجی مثال ، پاراگراف دوم را نیز به صفحه اضافه کرده و آن را بخواند
.
برای مشاهده خروجی مثال ، بر روی دکمه فرمان در خروجی کلیک نمایید :
<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>
|
|
jQuery is a new scripting method .
|
راجع این مطلب
سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...
>>>>> ورود به انجمن تخصصی
نظر خودتان درباره این صفحه را با ما در میان بگذارید :