متد offset در jQuery
در این بخش از آموزش JQuery ، متد offset را شرح میدهیم.
متد offset ،برای عنصر HTML تعیین شده مختصات آفست را نسبت به سند تنظیم میکند.
ساختار این متد در حالت set به صورت زیر است :
مختصات آفست را تنظیم میکند.
$(selector).offset({top:value,left:value})
متد insertBefore در jQuery
در این بخش از آموزش JQuery ، متد insertBefore را شرح میدهیم.
متد insertBefore ، یک متن یا کنترل HTML را قبل از عنصر مورد نظرتان در صفحه وارد می نماید .
در متد insertBefore بایستی یک متن یا عنصر HTML را انتخاب کرده و سپس تعیین نمایید تا قبل از چه عنصری در صفحه وارد شود .
برای
مثال فرض کنید یک پاراگراف در صفحه دارید و می خواهید کدی طراحی نمایید تا
در صورت کلیک کاربر بر روی یک دکمه فرمان ، متن جدیدی به ابتدای پاراگراف
اضافه شود .
شکل کلی استفاده از متد ( ) insertBefore به شرح زیر است :
$ ( content ).insertBefore ( " selector " ) ;
متد ( ) insertAfter در jQuery
در این بخش از آموزش JQuery ، متد insertAfter را شرح میدهیم.
متد insertAfter ، یک متن یا کنترل HTML را بعد از عنصر مورد نظرتان در صفحه وارد می نماید .
در متد insertAfter بایستی یک متن یا عنصر HTML را انتخاب کرده و سپس تعیین نمایید تا پس از چه عنصری در صفحه وارد شود .
برای
مثال فرض کنید یک پاراگراف در صفحه دارید و می خواهید کدی طراحی نمایید تا
در صورت کلیک کاربر بر روی یک دکمه فرمان ، متن جدیدی به انتهای پاراگراف
اضافه شود .
متد scrollLeft در jQuery
در این بخش از آموزش JQuery ، متد scrollLeft را شرح میدهیم.
متد scrollLeft ،برای عنصر HTML تعیین شده اسکرول افقی تنظیم میکند .
ساختار این متد در حالت set به صورت زیر است :
اسکرول را به حالت افقی تنظیم میکند.
$(selector).scrollLeft(position)
ساختار این متد در حالت Return به صورت زیر است :
موقعیت افقی اسکرول زا برمیگرداند.
متد replaceWith در jQuery
در این بخش از آموزش JQuery ، متد replaceWith را شرح میدهیم.
متد replaceWith ، عنصر HTML تعیین شده را با محتوای جدید جایگزین میکند.
ساختار این متد به صورت زیر است :
$(selector).replaceWith(content,function(index))
مثال زیر کاربرد متد replaceWith را نشان میدهد :
$("button").click(function(){
$("p:first").replaceWith("Hello world!");
});
متد innerWidth در jQuery
در این بخش از آموزش JQuery ، متد innerWidth را شرح میدهیم.
متد innerWidth عرض عناصر را با در نظر گرفتن مقدار padding انها بر می گرداند.
مثال :
$("button").click(function(){
var txt="";
txt+="Inner width: " + $("#div1").innerWidth() + "</br>";
txt+="Inner height: " + $("#div1").innerHeight();
$("#div1").html(txt);
});
متد innerHeight در jQuery
در این بخش از آموزش JQuery ، متد innerHeight را شرح میدهیم.
متد innerHeight ارتفاع عناصر را با در نظر گرفتن مقدار padding انها بر می گرداند.
مثال :
$("button").click(function(){
var txt="";
txt+="Inner width: " + $("#div1").innerWidth() + "</br>";
txt+="Inner height: " + $("#div1").innerHeight();
$("#div1").html(txt);
});
متد replaceAll در jQuery
در این بخش از آموزش JQuery ، متد replaceAll را شرح میدهیم.
متد replaceAll ، عنصر HTML تعیین شده برای آن را با تمام عناصر HTML مورد نظر شما در صفحه ، عوض می کند .
فرض
کنید در یک صفحه چندین پاراگراف ( تگ < p > ) دارید . می خواهید کدی
طراحی نمایید تا در هنگام اجرای آن ، تمامی پاراگراف های صفحه یا مثلا
پاراگراف های عضو یک کلاس خاص ، با یک تگ span عوض شوند . در این حالت باید از متد replaceAll استفاده نمایید .
ساختار این متد به صورت زیر است :
content : این پارامتر تعیین کننده عنصر HTML یا متنی است که می خواهید آن را به جای عنصر HTML مورد نظرتان در صفحه قرار دهید .$ ( content ).replaceAll ( selector ) ;
متد ( ) height در jQuery
در این بخش از آموزش JQuery ، متد height را شرح میدهیم.
متد height در jQuery , می تواند مقدار ارتفاع یک عنصر HTML را خوانده و بر گرداند و یا به وسیله آن مقدار ارتفاع عنصر را به یک مقدار دلخواه تغییر دهید .
برای مثال اگر یک عنصر div داشته باشیم که ارتفاع آن px 300 باشد ، با استفاده از متد ( ) height می توان دو کار را انجام داد :
مقدار ارتفاع آن را که px 300 است ، به صفحه برگدانیم .
مقدار جدیدی را برای ارتفاع عنصر تعیین کرده و آن را به مقدار جدید تغییر دهید .
نکته : همانطور که در تصویر زیر نمایش داده ایم ، متد height شامل
حاشیه بیرونی ( margin ) ، حاشیه درونی ( padding ) و خطوط حاشیه عنصر (
border ) نمی شود و فقط ارتفاع خود عنصر را بر می گرداند .
متد ( ) html در jQuery
در این بخش از آموزش JQuery ، متد html را شرح میدهیم.
متد html در jQuery دو کار را انجام می دهد :
برای مثال می توانید محتویات یک پاراگراف در صفحه را به مقدار دلخواه خود تغییر دهید .
استفاده از متد html در حالت اول :
شما می توانید به وسیله این متد ، محتویات درونی یک عنصر را بخوانید . شکل کلی استفاده از متد html در حالت اول به شرح زیر است :
$ ( " selector " ).html ( ) ;
selector : این پارامتر تعیین کننده ID عنصری است که می خواهید محتویات درونی آن را بخوانید .
تعداد صفحات : 93
تگ لینک ( تگ Link )