jQuery ตั้งเนื้อหาและคุณสมบัติ
ตั้งเนื้อหา - ข้อความ (), HTML () และ Val ()
เราจะใช้วิธีการเช่นเดียวกับในบทที่แล้วตั้งสามองค์ประกอบ:
- ข้อความ () - ชุดหรือส่งคืนเนื้อหาข้อความขององค์ประกอบที่เลือก
- HTML () - ชุดหรือผลตอบแทนที่เนื้อหาขององค์ประกอบที่เลือก (รวมถึงแท็ก HTML)
- Val () - ส่งคืนค่าหรือรูปแบบฟิลด์
ตัวอย่างต่อไปนี้แสดงให้เห็นว่าข้อความ (), HTML () และ Val () วิธีการตั้งค่าเนื้อหา:
ตัวอย่าง
$ ( "# Test1") ข้อความ ( "สวัสดีชาวโลก!") .;
});
$ ( "# Btn2"). คลิก (ฟังก์ชั่น () {
$ ( "# Test2") HTML ( "<b> สวัสดีชาวโลก </ b>!") .;
});
$ ( "# Btn3"). คลิก (ฟังก์ชั่น () {
$ ( "# Test3") Val ( "w3big") .;
});
ลอง»
ข้อความ (), HTML () และฟังก์ชัน Val () โทรกลับ
ดังกล่าวข้างต้นสามวิธี jQuery: ข้อความ (), HTML () และ Val () นอกจากนี้ยังมีฟังก์ชั่นการติดต่อกลับ โทรกลับโดยสองพารามิเตอร์: องค์ประกอบที่เลือกในรายการขององค์ประกอบภายใต้มาตรฐานในปัจจุบันเช่นเดียวกับต้นฉบับ (เก่า) มูลค่า แล้วฟังก์ชันจะส่งกลับค่าที่คุณต้องการใช้สตริงใหม่
ตัวอย่างต่อไปนี้แสดงให้เห็นข้อความที่มีการโทรกลับ () และ HTML ():
ตัวอย่าง
$ ( "# Test1"). ข้อความ (ฟังก์ชัน (i, origText) {
กลับ "ข้อความเก่า:" + origText + "ใหม่ข้อความ: สวัสดีชาวโลก (ดัชนี :!" + i + ")";
});
});
$ ( "# Btn2"). คลิก (ฟังก์ชั่น () {
$ ( "# Test2"). Html (ฟังก์ชัน (i, origText) {
กลับ "HTML เก่า:" + origText + "ใหม่ HTML: สวัสดี <b> โลก </ b> (ดัชนี :!" + i + ")";
});
});
ลอง»
แอตทริบิวต์ Set - attr ()
jQuery attr () วิธีการใช้ในการตั้ง / เปลี่ยนค่าของคุณสมบัติ
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการเปลี่ยนแอตทริบิวต์ href การเชื่อมโยงค่า (การตั้งค่า) นี้:
ตัวอย่าง
$ ( "# W3big") .attr ( "href", "http://www.w3big.com/jquery");
});
ลอง»
attr () วิธีนี้ยังช่วยให้คุณสามารถตั้งค่าคุณสมบัติหลายคนพร้อมกัน
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงวิธีการตั้งค่าทั้ง href และชื่อแอตทริบิวต์:
ตัวอย่าง
$ ( "# W3big"). attr ({
href "": "http://www.w3big.com/jquery"
"ชื่อ": "jQuery กวดวิชา"
});
});
ลอง»
attr () ฟังก์ชันการเรียกกลับ
วิธี jQuery attr () นอกจากนี้ยังมีฟังก์ชั่นการติดต่อกลับ โทรกลับโดยสองพารามิเตอร์: องค์ประกอบที่เลือกในรายการขององค์ประกอบภายใต้มาตรฐานในปัจจุบันเช่นเดียวกับต้นฉบับ (เก่า) มูลค่า แล้วฟังก์ชันจะส่งกลับค่าที่คุณต้องการใช้สตริงใหม่
ตัวอย่างต่อไปนี้แสดงให้เห็นถึงกับฟังก์ชั่นการโทรกลับ attr () วิธีการ:
ตัวอย่าง
$("#w3big").attr("href", function(i,origValue){
return origValue + "/jquery";
});
});
ลอง»