เมื่อเร็ว ๆ นี้ฉันมีส่วนร่วมในกรอบที่มีการเปลี่ยนแปลงโดยคนจำนวนมาก แผนกต้อนรับเพื่อดูความพึงพอใจของห้องสมุดทั้งสองห้องสมุด
ฟังก์ชั่นนี้เป็นส่วนใหญ่ในการป้อนอักขระในช่องค้นหา สั่งซื้อตามลำดับ
แผนกต้อนรับอาจเป็นเช่นนี้:
HTML คือสิ่งนี้:
<div class = container style = z-index: 999 id = searchDiv> <div class = คำหลัก-ค้นหา> ค้นหา: <อินพุต ID = ประเภทคีย์ = สไตล์ข้อความ = ความกว้าง: 200px; JavaScript: void (0); ) '> <i class = c-icon> </i> </a> </div> </div>
รหัสสคริปต์:
<script> // ฟังก์ชั่นการค้นหา varuntkey0 =; // ใช้ค่าคีย์ถ้า (! คีย์) {return; ยังคงค้นหาว่า (index0 <count0) {// ถ้าคุณไม่เสร็จทางซ้ายให้ไปทางซ้าย focusmove (index0) ;;} อื่นถ้า (index0 == oldCount0) {// หลังจากหายไป = 0; (index0); เสร็จสิ้น index0-; (. rast. result) ! $ (นี่) .html ());}); . ผลลัพธ์ '> + คีย์ + </span>)); .html () } // $ (#KEY) .VAL (คีย์); 'ปัจจุบัน'); . ความคมชัด. result: eq (2)) +)) eq ( + index0 +)) ) ผู้ปกครอง (.Contrast) html, body) ผู้ปกครอง (.Contrast) .Offset () สัญญา. result) .EACH (ฟังก์ชั่น () {$ (นี่). REPLACEWITH ($ (นี้) ถัดไปจำไว้ว่าหลักการดำเนินการ:ก่อนอื่นให้ลบผลลัพธ์การสืบค้นสุดท้ายแล้วใช้ค่าของคีย์เพื่อใช้นิพจน์ทั่วไปเพื่อเพิ่มอักขระที่ตรงกันทั้งหมดในพื้นที่เพื่อเพิ่มสไตล์พิเศษ วิธีการ , Newflag Set 0 (ถ้าไม่ใช่สำหรับการสืบค้นเริ่มต้น newflag ถึง 1)
จากนั้นป้อนวิธีการ GetNext น้อยกว่า 0 มากกว่า 0 เริ่มใหม่อีกครั้ง)
วิธีการโฟกัสคือการค้นหาหน้าขององค์ประกอบปัจจุบัน
วิธี jQuery เรียนรู้: Eq () ตัวเลือก: เลือกการเลือกองค์ประกอบที่มีค่าดัชนีที่ระบุ ตัวอย่างเช่น: $(.contrast .result:eq(1)) ซึ่งเป็นชื่อคลาสที่สองของผลลัพธ์ในชื่อคลาสที่เลือกขององค์ประกอบความคมชัด
ผู้ปกครอง () วิธีการ: องค์ประกอบหลักทั้งหมดขององค์ประกอบ $(p).parents('.contrast-wrap') และคลาสทั้งหมดที่ชื่อว่า CHANTION-WRAP ในองค์ประกอบ P คือ
วิธีการแทนที่ (): แทนที่องค์ประกอบที่เลือกด้วยเนื้อหา HTML ที่ระบุโปรดทราบว่าองค์ประกอบขององค์ประกอบที่เลือกจะถูกแทนที่ด้วย
วิธีการชดเชย (): ส่งคืนหรือตั้งค่าการชดเชยองค์ประกอบที่ตรงกัน (ตำแหน่ง) เทียบกับเอกสาร
วิธี Scrolltop (): กลับหรือตั้งค่าตำแหน่งแนวตั้งของแถบกลิ้งขององค์ประกอบการจับคู่
สรุปด้านบนเป็นหน้า HTML ที่ Xiaobian แนะนำให้ทำฟังก์ชั่นการค้นหา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Vevb Wulin!