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