مرجع Html/Css در jQuery

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

مرجع Html/Css در jQuery در این مقاله از سری مقالات آموزش جی کوئری دویکس بررسی می‌شود. متد addClass(class) را می‌توان برای اعمال شیوه نامه‌های تعریف شده بر روی تمام عناصر همسان استفاده کرد. می‌توانید چندین کلاس را که با فاصله از هم جدا شده‌اند استفاده کنید.

مثال

در قطعه کد زیر یک مثال ساده را آورده‌ایم که با استفاده از ویژگی کلاس (class) یک تگ <p> را تنظیم می‌کنیم:

<html>
   <head>
      <title>The jQuery 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() {
            $("em").addClass("selected");
            $("#myid").addClass("highlight");
         });
      </script>
		
      <style>
         .selected { color:red; }
         .highlight { background:yellow; }
      </style>	
   </head>
	
   <body>
      <em title = "Bold and Brave">This is first paragraph.</em>
      <p id = "myid">This is second paragraph.</p>
   </body>
</html>

جدول متدهای قابل استفاده – مرجع Html/Css در jQuery

جدول زیر چند متد مفید را فهرست می‌کند که می‌توانید از آن‌ها برای دستکاری ویژگی‌ها و مقدارها استفاده کنید:

شماره	متد و توضیحات
1	attr( properties ) یک شی کلید/مقدار را به‌عنوان ویژگی برای همه عناصر منطبق تنظیم می‌کند
2	attr( key, fn ) یک ویژگی واحد را روی یک مقدار محاسبه شده، روی همه عناصر منطبق تنظیم می‌کند
3	removeAttr( name ) یک ویژگی را از هر یک از عناصر منطبق حذف می‌کند
4	hasClass( class ) اگر کلاس مشخص شده حداقل در یکی از مجموعه عناصر منطبق وجود داشته باشد، مقدار true را برمی‌گرداند
5	removeClass( class ) همه کلاس یا کلاس(های) مشخص شده را از مجموعه عناصر منطبق حذف می‌کند
6	toggleClass( class ) کلاس مشخص شده را در صورت عدم وجود اضافه می‌کند، در صورت وجود کلاس مشخص شده را حذف می‌کند
7	html( ) محتویات html (innerHTML) اولین عنصر مطابق را دریافت می‌کند
8	html( val ) محتوای html هر عنصر منطبق را تنظیم می‌کند
9	text( ) محتویات متن ترکیبی همه عناصر همسان را دریافت می‌کند
10	text( val ) محتوای متنی همه عناصر مطابق را تنظیم می‌کند
11	val( ) مقدار ورودی اولین عنصر مطابق را دریافت می‌کند
12	val( val ) مقدار مطابقت داده شده را برای تمام عناصر <input> در نظر می‌گیرد اما اگر عنصری با مقدار <select> و از طریق <option> پاس شده باشد گزینه pass انتخاب خواهد شد. اگر در چک باکس یا رادیو باکس فراخوانی شود تمام چک باکس و رادیو باکس‌های مطابقت داده شده بررسی می‌شوند (انتخاب می‌شوند)

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

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

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