متد text در jQuery-درس هشتم

آخرین بروز رسانی: شهریور ۱۸, ۱۳۹۶

آموزش جی کوئری (JQuery)

درس هشتم :  متد text در jQuery 

در قسمت های قبلی آموزش جی کوئری درباره قواعد دستوری ، رویداد ها ، انتخابگرها در جی کوئری صحبت کردیم .همین طور سعی شد تا به صورت مختصرشما را با Ajax و متدهای get وpost  درAjax آشنا سازیم . در ادامه سعی داریم تا کمی کاربردی تر به توضیح متدها و توابع jquery بپردازیم. جی کوئری برای مدیریت عناصر صفحه متدهایی در اختیار شما قرار می دهد. به کمک برخی از این متدها ( text ،html ،attr  و  val) می توانید به مقادیر عناصر دسترسی داشته باشید . مقادیری را به یک عنصر نسبت دهید و یا از آن عنصر بخوانید. دراین قسمت از آموزش جی کوئری قصد داریم تا متد text در جی کوئری را به شما همراهان وبیار معرفی کنیم.

توانمندی های متد text  در جی کوئری :

متد text می تواند متن موجود در یک عنصر HTML مثل یک تگ را خوانده و در خروجی نمایش دهد.

متد text می تواند متن یک عنصر HTML مثل تگ پاراگراف را به متن دلخواه و تعیین شده تغییر دهد.

توجه داشته باشید که :

هنگامی که متد text در جی کوئری برای بازگرداندن متن استفاده می شود. متن تمام عناصری که با مشخصات داده شده توسط شما مطابقت دارند را بازمی گرداند . ( این متد علامت های زبان نوشتن تگ های HTML را در نظر نمی گیرد. )
هنگامی که متد text  در جی کوئری برای تغییر متن عنصر به کار می رود . متن تمام عناصری که با مشخصات داده شده توسط شما مطابقت دارند را تغییر می دهد .

نحوه استفاده از متد text  درجی کوئری:

 Selector: این پارامتر تعیین کننده id عنصری است که می خواهیم متن درون آن را خوانده و در خروجی نمایش دهیم .

متد text در جی کوئری می تواند به دو صورت استفاده شود:

  • بدون پارامتر
  • همراه با یک پارامتر ورودی
  • در صورتیکه از متد text در جی کوئری بدون پارامتر استفاده شود، متن داخل عنصر مورد نظر را نمایش می دهد .

به مثال زیر توجه کنید :

در این مثال متغیری با نام test تعریف کردیم. متغیر ها در jquery با کلمه کلیدی var تعریف می شوند. سپس با استفاده از متد text درجی کوئری متن پاراگراف موجود در صفحه را دریافت کرده و توسط alert  آن را به کاربر نمایش دادیم.

توجه داشته باشید متد text مقدار تمام عناصر انتخاب شده در صفحه را بر میگرداند.(در اینجا هردو پاراگراف را برگرداند.)                                                در صورتیکه متد text در جی کوئری را به همراه یک پارامتر ورودی فراخوانی کنید، مقدار مورد نظر را به عنصر نسبت می دهد. به مثال های زیر توجه کنید:

دراین مثال با کلیک بر روی دکمه همانطور که مشاهده کردید. متن تمام پاراگراف های موجود در صفحه (به دلیل اینکه از انتخابگر p استفاده کردید ) را تغییر داد.

اگر بخواهید فقط مقدار اولین عنصر متناسب با انتخابگر را تغییر دهید  . و یا بخوانید می توانید از قطعه کد زیر به جای تگ scipt در بالا استفاده کنید:

ممنون از همراهی شما دوستان و همراهان وبیار.شما میتوانید انتقادات و پیشنهادات خود را برای بهبود کیفیت آموزش ها با ما در میان بگذارید.

وبیار را برای طراحی سایت های خود به خاطر بسپارید .

مطالب مرتبط
ارتباط با تیم پشتیبانی وب یار

تمام پشتیبان ها در حال پاسخ به مشتریان هستند. لطفا درخواست خود را ارسال نمایید تا در کوتاه ترین زمان ممکن با شما تماس بگیریم.

چه کمکی از تیم وب یار بر می آید ، با ما در میان بگذارید

برای گفتگو کلید ENTER را بفشارید

کلیه حقوق مادی و معنوی این اثر متعلق به طراحی سایت اصفهان وب یار می باشد CopyRight 2017

بالا