متدهای 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>