15
2009
การใช้งาน Selector Filter แบบ last
การใช้งานของ Filter Last นั้นก็เหมือนๆกับ first เลยครับต่างกันตรงที่มันเอามาใช้ในการ select element สุดท้าย ครับ ตัวอย่างเช่นเรามี Table ที่มี TR จำนวน 3 Row ด้วยกัน เราจะทำการกำหนดสี background ให้กับ TR Row สุดท้ายในที่นี้ก็คือ Row 3 ให้มีสีเหลือง สามารถทำได้ดังนี้ครับ 123$(document).ready(function(){ $("tr:last").css({backgroundColor: ‘yellow’, fontWeight: ‘bolder’}); });
15
2009
การใช้งาน Selector Filters แบบ first
สวัสดีครับ วันนี้เรามาทำความรู้จักกับการใช้งาน Selector ของ jQuery กันครับ jQuery นั้นมีทั้งเครื่องมี Function, Plugin ให้ใช้มากเลยครับ อย่างในบทความนี้ก็เป็นการใช้งาน Selector ที่ jQuery มีมาให้ครับ Selector คืออะไร ผมจะยกตัวอย่างง่ายๆของการใช้งาน Selector ให้ดูกัน อย่างเช่น ถ้าเรามี Table อยู่หนึ่ง Table โครงสร้างเป็นดังนี้ 12345 <table> <tr><td>Row 1</td></tr> <tr><td>Row 2</td></tr> <tr><td>Row 3</td></tr> </table> ใน code ด้านบนนี้จะเห็นว่าเรามี TR ทั้งหมด 3 Row ด้วยกัน เราสามารถจะเข้าไปใส่ style sheet ให้กับ TR ได้โดยตรง ถ้าเราไม่ใช้ jQuery Selector จะได้ code แบบนี้นะครับ 123… <tr style="color:blue; font-weight:bold;"><td>Row 1</td></tr> … ผลที่แสดงออกมาก็คือ ตัวหนังสือที่อยู่ใน Row 1 นั้นจะเป็นตัวหนาและมีสีน้ำเงิน Row [...]
Tags
Facebook Development
Google+ Page
Categories
- HTML5 & CSS3 (8)
- jQuery 1.4 (9)
- jQuery 1.5 (6)
- .data (1)
- jQuery 1.6 (3)
- .data (1)
- jQuery 1.7 (4)
- Events (1)
- jQuery Mobile (3)
- jQuery UI (3)
- Mobile (1)
- News (8)
- Others (28)
- Plugin (15)
- The basics of jQuery (9)
- Tips (13)
- คู่มือการใช้งาน jQuery ฉบับ ภาษา ไทย (30)
- Ajax (4)
- Attributes (1)
- Core (1)
- Deferred (3)
- Effects (7)
- Events (3)
- Manipulation (2)
- Selectors (5)
- Traversing (2)
- Utilities (2)

An article by


