API jQuery UI -: ข้อมูล () เลือก
หมวดหมู่
เลือก (Selectors) | หลักของ UI (UI หลัก)
การใช้
คำอธิบาย: เลือกข้อมูลที่ได้รับองค์ประกอบที่สำคัญในการจัดเก็บที่ระบุ
jQuery( ":data(key)" )
参数 | 描述 |
---|---|
key | 数据的键。 |
การแสดงออก $( "div:data(foo)")
)") จับคู่โดย .data( "foo", value )
การจัดเก็บข้อมูล div
ตัวอย่าง
เลือกองค์ประกอบที่มีข้อมูลการเปลี่ยนสีพื้นหลังของพวกเขา
<! Doctype html> <html lang = "th"> <head> <Meta charset = "UTF-8"> <title>: ข้อมูล () เลือกตัวอย่าง </ title> <link rel = "สไตล์ชีต" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css"> <style> div { ความกว้าง: 100px; ความสูง: 100px; ชายแดน: 1px ของแข็ง # 000; ลอย: ด้านซ้าย; } </ style> <script src = "// code.jquery.com/jquery-1.10.2.js"> </ script> <script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script> </ head> <body> <div id = "หนึ่ง"> </ div> <div id = "สอง"> </ div> <div id = "สาม"> </ div> <script> $ ( "#one") .data ( "สี", "สีฟ้า"); $ ( "#three") .data ( "สี", "สีเขียว"); $ ( ": ข้อมูล (สี)") .each (ฟังก์ชั่น () { องค์ประกอบ var = $ (นี้); element.css ( "BackgroundColor" element.data ( "สี")); }); </ script> </ body> </ html>