การกำหนด :checked เป็น selector ในส่วนของ form filter ซึ่งประกอบด้วย
:enabled = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น true ใช้กับ form control
:disabled = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น true ใช้กับ form control
:checked = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น checked ใช้กับ checkbox
:selected = เลือกเฉพาะ tag ที่กำหนด attribute ตัวนี้เป็น selected ใช้กับ radio
Read more…
admin jquery
เรื่อง Selector อีก กลุ่มที่น่าสนใจก็จะเป็นเรื่อง Basic Filter ครับ ซึ่งผมขอนำมาอธิบาย บางส่วนนะครับ
:first = สำหรับตัว :first ตัวนี้เป็นการนำค่า first node ออกมาแสดง ยกตัวอย่างเช่น
หากผมสร้าง element ออกมา 1 ชุดดังนี้
<div id=”mnu”>
<a href=”#”>01</a> < — :first
<a href=”#”>02</a>
<a href=”#”>03</a>
<a href=”#”>04</a> < — :last
</div>
การเรียก filter selector ด้วย :first คำสั่งก่อนหน้า : จะเป็นการเรียก ด้วย element ของ Dom ซึ่ง element ในที่นี้ สมมุติ ให้เป็น tag a ดังนั้น first node ก็คือ แทก A ตัวแรกนั่นเองนะครับ ซึ่งมี text เป็น 01
Read more…
admin jquery
2. เรามาทำความรู้จักกับ selectors แต่ละตัวกันนะครับ
#id = ตัว selector ตัวนี้ เป็นการเรียก id ของ control ในหน้าเว็บ ซึ่งจะได้เท่ากับคำสั่ง document.getElementById(“xxx”) นะครับ ซึ่งเมื่อใช้ใน jQuery แล้วเราจะได้เป็น
$(“#xxx”)
element = ตัว selector ตัวนี้จะไม่เป็นการเฉพาะเจาะจงลงไปใน control แต่ละตัว แต่จะเป็นการเรียก ทั้ง element ของ DOM เลย หรือเป็นการเรียกใช้ tag เลย ยกตัวอย่างเช่น
Read more…
admin jquery
การใช้งานส่วน Core Plugin จะเป็นลักษณะเหมือนกับการสร้าง method ขึ้นมาเพื่อให้เรียกใช้งานได้ผ่านทาง jQuery ซึ่ง เป็นคุณสมบัติพิเศษของ jQuery ที่ยืดหยุ่น ให้นักพัฒนาสามารถสร้างสรรค์ งานเฉพาะของแต่ละคนเองได้
Core/jQuery.fn.extend (object)
Read more…
admin jquery
Core/data (name ,value)
ส่วนนี้จะเป็นลักษณะการเก็บข้อมูลใน element ซึ่งจะอยู่ในรูปแบบ Collection ตัวนี้ทาง jQuery เพิ่งจะพัฒนา ขึ้นใน ในเวอร์ชั่น 1.2.3 เป็นต้นไป ซึ่งการใช้ Data เมื่อถึง ตอน UI แล้วจะสำคัญมาก เนื่องจาก เราสามารถพัฒนาให้แสดงผลในแบบ Advance ได้
ลองดูตัวอย่าง การเก็บข้อมูลไว้ใน data นะครับ
Read more…
admin jquery
เริ่มต้นกับ jQuery
jQuery คือ javascript framework ที่ทางผู้พัฒนา ได้เขียนเป็น core function ออกมาเพื่อช่วยให้นักพัฒนา สามารถเขียน Dynamic html , DOM , Ajax ได้ง่ายกว่าเดิม
นอกจากนี้ยังรองรับกับ Cross-browser ทั้งหลายได้อีกด้วย (สนับสนุน browser หลากหลาย)
โดยปกติแล้วถ้าเราจะเขียน javascript โดยใช้ event onload เราต้องเขียน ฝังไปกับ Tag body เช่น
Read more…
admin jquery
