تخفیف ویژه - مدت محدود محصولات آموزشی

کلاس و id در جی کوئری

پیش نیاز جی کوئری html , css می باشد. همان طور که قبلا در html , css با کلاس و id آشنا شدید این دو با هم تفاوت های محسوسی دارند. از id فقط یک بار در صفحات وب می توان استفاده کرد اما از کلاس می توان بارها استفاده کرد.

Jquery Syntax :

برای کار با جی کوئری ابتدا باید syntax یا نحوه کار با آن را بدانید. برای کار با جی کوئری (jquery) ابتدا باید با selector ها عناصر html را انتخاب نماییم و سپس اکشن ها یا عملیاتی را که دوست داریم روی آن اعمال نماییم

از $ برای تعریف جی کوئری یا دسترسی به آن استفاده می شود.

Selector ها برای انتخاب عناصر بکار می روند.

Action عملیاتی است که باید انجام شود.

کاربرد id , class در جی کوئری :

برای تعریف کلاس در جی کوئری از نقطه استفاده می کنیم. اما برای تعرفی id از علامت # استفاده می شود.

در مثال پایین عناصری که دارای کلاس sh711 باشند با کلیک روی دکمه مخفی می شوند.

نکته : دلیل اینکه از ready استفاده می شود این است که قبل از اینکه صفحه لود کامل نشود عملیات داخل ready انجام نشود. این کار هم لود صفحه را سریع تر می کند و هم اینکه تا یک عنصر لود نشود نباید عملیاتی انجام شود.

<!DOCTYPE html>
<html>
<head>
<script src="jquery-1.12.0.min.js"></script>
<script>
$(document).ready(function(){
$("button").click(function(){
$(".sh711").hide();
});
});
</script>
</head>
<body>
<h2 class="sh711">h222 sh711.com</h2>
<p class="sh711">paragraph hide.</p>
<p>This is another paragraph.</p>
<button>Click Hide</button>
</body>
</html>

نویسنده : هدایت عباسی

تاپ سایت 98
عضویت طلایی
محصولات آموزشی
ثبت نظر