پاسخ به:آموزش jquery از ابتدا
دوشنبه 18 دی 1391 1:15 PM
$("*") انتخاب تمامی عناصر موجود در صفحه
$(this)انتخاب عنصر فعلی
$("p.intro")انتخاب عنصر پاراگراف یا کلاس intro
$("p:first") اولین پاراگراف
$("ul li:first")انتخاب اولین li از اولین ul
$("ul li:first-child")انتخاب اولین li همه ul ها
$("[href]") انتخاب عنصری که دارای خاصیت href می باشد
$("a[target='_blank']")انتخاب لینکی که خاصیت _blank برای باز شدن صفحه دارد
$("a[target!='_blank']") انتخاب لینکی که خاصیت _blank ندارد
$(":button") انتخاب همه button ها و inputهایی که از نوع button هست
$("tr:even") انتخاب سطرهای جدول که عدد آن زوج است . نکته : شماره سطرها از 0 شروع می شود یعنی 0,1,2,...
$("tr:odd") انتخاب سطرهایی از جدول که شماره سطر آن فرد باشد
تمرین : لطفا کد زیر را خودتان دستی تایپ کنید و کپی نکنید تا ملکه ذهنتان بشود
<html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"> </script> <script> $(document).ready(function(){ $("tr:even").css("background-color","red"); }); </script> </head> <body> <h1>Welcome to My Web Page</h1> <table> <tr> <th>Company</th> <th>Contact</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Maria Anders</td> <td>Germany</td> </tr> <tr> <td>Berglunds snabbköp</td> <td>Christina Berglund</td> <td>Sweden</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Francisco Chang</td> <td>Mexico</td> </tr> <tr> <td>Ernst Handel</td> <td>Roland Mendel</td> <td>Austria</td> </tr> <tr> <td>Island Trading</td> <td>Helen Bennett</td> <td>UK</td> </tr> <tr> <td>Königlich Essen</td> <td>Philip Cramer</td> <td>Germany</td> </tr> <tr> <td>Laughing Bacchus Winecellars</td> <td>Yoshi Tannamuri</td> <td>Canada</td> </tr> <tr> <td>Magazzini Alimentari Riuniti</td> <td>Giovanni Rovelli</td> <td>Italy</td> </tr> <tr> <td>North/South</td> <td>Simon Crowther</td> <td>UK</td> </tr> </table> </body> </html>
برگرفته از برنامه نویس
