صفر تا صد آموزش جی کوئری (jquery) کاربرد متد wrap
104 بار بازدید -
3 سال پیش
-
با سلام.در قسمت های قبلی
با سلام.در قسمت های قبلی ما به توضیح و روش کارکرد توابع append و prepend پرداختیم که با استفاده از تابع append به انتهای عنصر مورد نظر و با تابع prepend به ابتدای عنصر مورد نظر محتوایی رو اضافه میکردیم.اما اگر بخواهیم خارج از یک عنصر یا تگ ، محتوایی رو اضافه بکنیم باید چه کار کنیم؟ برای حل این مشکل ، راهکاری که جی کوئری در مقابل ما قرار داده ، استفاده از تابع wrap میباشد که ساختار آن به شکل زیر میباشد :
$ (selector) . wrap ( content ) ;
با توجه به ساختار بالا با استفاده از تابع wrap ، به حاشیه عنصری که selector انتخاب کرده یک محتوایی رو اضافه یا محاط میکنیم یا المنت ها را به اطراف عنصر انتخابی اضافه میکند.به عبارت بهتر عنصری که توسط selector انتخاب شده را به عنوان یک آرگومان یا پارامتر ورودی درنظر میگیرد.در محیط ویژوال استودیو به پروژه مون یک webform جدید اضافه میکنیم.سپس درون تگ head ، کتابخانه جی کوئری را با استفاده از تگ script به پروژه اضافه میکنیم.سپس به تگ body میرویم و یک تگ span ایجاد میکنیم و درونش متن hello رو مینویسیم .مجددا به درون درون تگ head برمیگردیم و یک تگ script دیگه ایجاد میکنیم که درونش بتونیم از کدهای جی کوئری و تابع wrap استفاده کنیم تا به عنصر span ، استایل مورد نظر را اضافه کنیم به این صورت که با استفاده از علامت دالر $ عنصر داکیومنت document را انتخاب یا select میکنیم که زمانی که این داکیومنت document کاملا لود شد ، فانکشنی رو اجرا کنه که وقتی کاربر روی button کلیک کرد ، رویداد click فعال بشه و فانکشن wrap رو اجرا کنه و محتوا و المنت ، عنصر انتخابی رو در بر بگیرد.به همین ترتیب با تگ button یک دکمه برای Bold کردن متن و یک دکمه هم برای italic کردن متن اضافه میکنیم و در آخر هم یک دکمه جدید برای unwrap کردن اضافه میکنیم.
3 سال پیش
در تاریخ 1400/03/20 منتشر شده
است.
104
بـار بازدید شده