logo
logo
تبلیغ کلیکی تاپ سایت 98

متدهای first و eq و last و filter و not در جی کوئری

متدهای first و eq و last و filter و not در جی کوئری
هدایت عباسی آموزش جی کوئری

آموزش ویدئویی متدهای first و eq و last و filter و not در جی کوئری

دانلود فیلم و آموزش ویدئویی متدهای first و eq و last و filter و not در جی کوئری . در این فیلم با این دستورات آشنا می شوید و نحوه کار با آنها را فرا می گیرید.

چنانچه مشکلی در اجرای فیلم دارید از مرورگر فایرفاکس استفاده نمایید یا روی لینک زیر کلیک نمایید.

مشاهده یا دانلود فیلم بالا

در این بخش از آموزش جی کوئری از تاپ سایت 98 قصد داریم به آموزش متدهای first و eq و last و filter و not در جی کوئری بپردازیم. با ذکر چندین مثال متدها و دستورات را یاد خواهید گرفت. کدها همه تست شده می باشد و

توجه : کدها همه تست شده می باشد و کاملا صحیح است. چون از cdn استفاده شده باید به اینترنت متصل باشید. در غیر این صورت کد اجرا نخواهد شد.

خطا

چون از cdn استفاده شده باید به اینترنت متصل باشید. در غیر این صورت کد اجرا نخواهد شد.

در صورتی که کد بالا اجرا نمی شود می توانید بجای cdn از فایل جی کوئری استفاده نمایید.

بایستی فایل جی کوئری را دانلود کرده باشید.

آموزش دانلود جی کوئری

متد first در جی کوئری

متد first در جی کوئری برای انتخاب اولین عنصر از نوع مشخص شده بکار می رود.

در مثال زیر اولین تگ p انتخاب می شود و css آن تغییر می کند.

مثال

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").first().css({"color": "red", "border": "3px solid red"});
});
</script>
</head>
<body>

<div>
<h1>topsite98.com</h1>
<ul>
<li><b>ali</b></li>
<li style="border: 1px solid blue"><span>reza</span></li>
</ul>
<p>pppp 111</p>
<p>ppp 2222</p>
</div>
</body>
</html>

متد last در جی کوئری

متد last در جی کوئری برای انتخاب آخرین عنصر از نوع مشخص شده بکار می رود.

در مثال زیر آخرین تگ p انتخاب می شود و css آن تغییر می کند.

مثال

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
$("p").last().css({"color": "red", "border": "3px solid red"});
});
</script>
</head>
<body>

<div>
<h1>topsite98.com</h1>
<ul>
<li><b>ali</b></li>
<li style="border: 1px solid blue"><span>reza</span></li>
</ul>
<p>pppp 111</p>
<p>ppp 2222</p>
</div>
</body>
</html>

متد eq در جی کوئری

متد eq در جی کوئری برای انتخاب عنصر با شماره مشخص بکار می رود. شماره ها از صفر شروع می شوند.

در مثال زیر اولین تگ p انتخاب می شود و css آن تغییر می کند.

مثال

$("p").eq(0).css({"color": "red", "border": "3px solid red"});

متد filter در جی کوئری

متد filter در جی کوئری برای انتخاب عنصر با کلاس یا id یا سلکتور خاص استفاده می شود.

در مثال زیر li که دارای کلاس aa است انتخاب می شود و css آن تغییر می کند.

مثال

$("li").filter(".aa").css({"color": "red", "border": "3px solid red"});

متد not در جی کوئری

متد not در جی کوئری برای انتخاب عنصر با کلاس یا id یا سلکتور خاص استفاده می شود و انتخاب را معکوس می کند.

در مثال زیر فقط li هایی که دارای کلاس aa نیست انتخاب می شود و css آن تغییر می کند.

مثال

$("li").not(".aa").css({"color": "red", "border": "3px solid red"});

برای دیدن همه آموزش های جی کوئری کلیک کنید : آموزش کامل جی کوئری به زبان فارسی

 امیدواریم این آموزش برای شما مفید باشد. کدهای بالا تست شده می باشند.

موفق باشید.

 

این سایت بفروش می رسد با سئو عالی و بازدید بالا. تماس بگیرید

اگر سوال یا نظری دارید در بخش کامنت ها بنویسید.اگر موضوع خاصی مد نظر شماست که در سایت موجود نیست در بخش کامنت ها بنویسید

دوره ارز دیجیتال تاپ سایت 98

منبع: تاپ سایت 98

تگ:

دوره های آموزشی دوره های آموزشی

نظرات کاربران

از دیدگاه مرتبط با موضوع استفاده نمایید.

از تبلیغ سایت یا شبکه اجتماعی خودداری فرمایید.

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