متد html( val ) در jQuery

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

متد html( val ) در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. این متد محتوای html هر عنصر منطبق را تنظیم می‌کند؛ این ویژگی در اسناد XML موجود نیست اما برای اسناد XHTML کار می‌کند.

ساختار متد

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

selector.html( val )

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

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

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

مثال

مثال زیر محتوای 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() {
            $("p#pid1").removeClass("red");
         });
      </script>
		
      <style>
         .red { color:red; }
         .green { color:green; }
      </style>
   </head>
	
   <body>
      <p class = "red" id = "pid1">This is first paragraph.</p>
      <p class = "green" id = "pid2">This is second paragraph.</p>
   </body>
</html>

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

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

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