متد text( val ) در jQuery

دسته بندی : آموزش jQuery سطح مقاله : متوسط زمان مطالعه : 3 دقیقه آخرین بروز رسانی: 08 مرداد 1401

متد text( val ) در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. این متد محتویات متن همه عناصر همسان را تنظیم می‌کند، کار این متد شبیه متد html(val) است اما تگ‌های HTML را کامپایل نمی‌کند و آن‌ها را به صورت یک رشته متنی در نظر می‌گیرد.

ساختار متد

در اینجا نحو و ساختار ساده برای استفاده از این متد آمده است:

selector.text( val )

پارامترهای متد text( val ) در jQuery

در اینجا تمام پارامترهای استفاده شده توسط این متد توضیح داده شده است:

val : یک رشته دلخواه است

مثال

مثال زیر محتوای HTML تگ پاراگرف <p> اول را در تگ پاراگرف <p> دوم تنظیم می‌کند اما تگ‌های HTML موجود در تگ پاراگرف <p> اول را کامپایل نمی‌کند و آن‌ها را به صورت متن در تگ پاراگرف <p> دوم نشان دهد:

<html>
   <head>
      <title>The Selecter Example</title>
      <script type = "text/javascript" 
         src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
      </script>
   
      <script type = "text/javascript" language="javascript">
         $(document).ready(function() {
            var content = $("p#pid1").text();
            $("#pid2").html(content);
         });
      </script>
		
      <style>
         .red { color:red; }
         .green { color:green; }
      </style>
   </head>
	
   <body>
      <p class = "green" id = "pid1">This is <i>first paragraph</i>.</p>
      <p class = "red" id = "pid2">This is second paragraph.</p>
   </body>
</html>

مطالعه مقاله مرجع Html/Css در jQuery برای دسترسی به لیست کامل متدهای Html/Css در جی کوئری به شما پیشنهاد می‌شود؛ امیدواریم از مطالعه این مقاله آموزش jQuery لذت برده باشید. لطفاً نظرات خود را با ما به اشتراک بگذارید و سئوالات خود را در بخش نظرات مطرح کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊