کاربرد jQuery در HTML - متد ( ) append

متد ( ) append در jQuery :

توسط متد 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>
کد

jQuery is a new scripting method .

خروجی


راجع این مطلب سوال یا اشکالی دارید ؟! آن را در انجمن سایت مطرح نمایید ...         >>>>>  ورود به انجمن تخصصی


نظر خودتان درباره این صفحه را با ما در میان بگذارید :

آیا مطالب این صفحه برای شما مناسب و مفید بوده است :

نام :                 
آدرس Email :    
 
نظر شما :  
 
سوال امنیتی : جمع سه + پنج چنده ؟