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