โดยไม่ต้องกังวลใจเพิ่มเติมเพียงเพิ่มข้อมูลจริง -
รหัสเฉพาะมีดังนี้:
/*@@ intercept ความยาวสตริงตัวอักษรจีนนับ 2 อักขระ @@ return [String]+'... '*/var substring = function (str, len) {var newLength = 0; var newtr = ""; var chineseregex =/[^/x00-/xff]/g; var singlechar = "" strlength; i ++) {singlechar = str.charat (i) .tostring (); ถ้า (singlechar.match (chineseregex)! = null) {newLength+= 2; "...";}กลับ Newstr;} ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ flag = false; $ (". dialog_con"). แต่ละ (ฟังก์ชั่น () {ถ้า ($ (this) .is (": มองเห็นได้")) {flag = true;}}) ถ้า (ธง == จริง) {$ (". dialog_con") ซ่อน (); $ (" } else {window.android.callandroidfinish ();}} - (/(Ipad THEPOD THEIPIOS)/i.test(navigator.useragent)) {setActivestylesheet ("pad.css"); } อื่นถ้า (/(android)/i.test(navigator.useragent)) {setActivestylesheet ("Common.css"); } อื่นถ้า (/(iphone6)/i.test(navigator.useragent)) {setActivestylesheet ("iphone6.css"); } function setActivestylesheet (ชื่อไฟล์) {document.write ("<link href ="+filename+" rel = stylesheet> ");} </script> ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - หรือคลาสเพื่อตรวจสอบว่ามีการโหลดภาพเฉพาะหรือไม่ */$ ('img'). load (function () {console.log ('image load ประสบความสำเร็จ');});---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - รหัสง่าย ๆ นี้สามารถช่วยได้มาก @@ แม้ว่าคุณจะไม่มีลิงก์ที่เสียการเพิ่มรหัสนี้จะไม่มีผลกระทบใด ๆ */$ ('img'). on ('ข้อผิดพลาด', function () {$ (this) .prop ('src', 'img/broken.png');}); -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - คุณสามารถใช้รหัสต่อไปนี้เพื่อเพิ่มคลาสลงในองค์ประกอบเมื่อผู้ใช้วนเวียนอยู่ ลบคลาสนี้เมื่อเมาส์ของผู้ใช้ออกไป: */$ ('. btn'). hover (function () {$ (นี่) .addclass ('hover');}, ฟังก์ชั่น () {$ (นี่) .removeClass ('hover');}); ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ - ฟิลด์ @@ บางครั้งคุณอาจต้องการให้ปุ่มส่งแบบฟอร์มหรือกล่องป้อนข้อความไม่พร้อมใช้งานจนกว่าผู้ใช้จะทำพฤติกรรมเฉพาะ (เช่นกล่องกาเครื่องหมายยืนยันว่า "ฉันได้อ่านข้อนี้") เพิ่มแอตทริบิวต์ที่ปิดการใช้งานลงในอินพุตของคุณและคุณสามารถบรรลุเอฟเฟกต์ที่ต้องการ*/$ ('อินพุต [type = "ส่ง"]'). prop ('ปิดใช้งาน', จริง); $ ('อินพุต [type = "ส่ง"]'). prop ('ปิดใช้งาน', เท็จ); ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ รหัสต่อไปนี้เป็นเคล็ดลับในการห้ามพฤติกรรมเริ่มต้น */$ ('a.no-link') คลิก (ฟังก์ชั่น (e) {E.PreventDefault ();}); ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - บางทีคุณอาจต้องการแสดงองค์ประกอบเมื่อผู้ใช้คลิกบางอย่างการใช้ Fadein และ Slidedown นั้นยอดเยี่ยมมาก แต่ถ้าคุณต้องการให้องค์ประกอบปรากฏในคลิกแรกและหายไปในคลิกครั้งที่สองรหัสต่อไปนี้สามารถทำได้ดี */// จางหายไป $ ('. btn') คลิก (ฟังก์ชัน () {$ ('. องค์ประกอบ') fadetoggle ('slow');}); // toggle $ ('. btn') {$ ('. Element'). slidetoggle ('slow');}); -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - พาเนล $ ('#หีบเพลง') ค้นหา ('. เนื้อหา'). ซ่อน (); // หีบเพลง $ ('#หีบเพลง') ค้นหา ('หีบเพลง-หัวหน้า') คลิก (ฟังก์ชั่น () {var next = $ (นี่). next (); FALSE;}); ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */$ ('. div'). css ('min-height', $ ('. main-div'). ความสูง ()); ตัวอย่างนี้ตั้งค่าความสูงขั้นต่ำซึ่งหมายความว่าอาจมีขนาดใหญ่กว่า Div หลัก แต่ไม่สามารถเล็กลงได้ แต่มีวิธีที่ยืดหยุ่นมากขึ้นในการวนซ้ำการตั้งค่าของชุดขององค์ประกอบและตั้งค่าความสูงเป็นค่าสูงสุดในองค์ประกอบ: var $ columns = $ ('. คอลัมน์'); var height = 0; $ columns.each (ฟังก์ชัน () {ถ้า ($ (นี่) .Height ()> ความสูง) หากคุณต้องการให้คอลัมน์ทั้งหมดมีความสูงเท่ากัน: var $ rows = $ ('. คอลัมน์สูง-สูง-คอลัมน์'); $ rows.each (ฟังก์ชั่น () {$ (นี่) .find ('. คอลัมน์'). ความสูง ($ (นี่) .Height ());}); - - '_ตัวเอง');-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - หากข้อความไม่มีอยู่องค์ประกอบจะถูกซ่อน: */var search = $ ('#search'). val (); $ ('div: ไม่ (:: "' + search + '"))').ซ่อน();--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - อื่นถ้า (e.target.visibilitystate === "ซ่อน") {console.log ('แท็บตอนนี้ ที่ซ่อนอยู่!');}});----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - แต่ถ้าการประมวลผลไม่ได้กำหนดรหัส jQuery อื่น ๆ อาจหยุดทำงาน คุณสามารถกำหนดการจัดการข้อผิดพลาด AJAX ทั่วโลกผ่านรหัสต่อไปนี้*/$ (เอกสาร) .AjaxError (ฟังก์ชั่น (E, XHR, การตั้งค่า, ข้อผิดพลาด) {console.log (ข้อผิดพลาด);}); -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- - ดูรหัสตัวอย่างต่อไปนี้ */$ ('#elem'). show (); $ ('#elem'). html ('bla'); $ ('#elem'). otherstuff (); รหัสด้านบนสามารถปรับปรุงได้อย่างมากโดยการดำเนินการโซ่: $ ('#elem') มีวิธีอื่นในการใช้องค์ประกอบแคชในตัวแปร (คำนำหน้าคือ $): var $ elem = $ ('#elem'); $ elem.hide (); $ elem.html ('bla'); $ elem.otherstuff (); -------------------------------------------------------------------------------------------------------------------------- - Traversal, เลือกทั้งหมด, เลือก non-select @@*//// ทั้งหมดเลือกทั้งหมดเลือก non-select $ ('#checkall') คลิก (ฟังก์ชั่น () {// ตัดสินว่ามันถูกเลือก var bischecked = $ ('#checkall') (':') fruit.attr ('ตรวจสอบ', false);}); // เลือกช่องทำเครื่องหมายที่กลับกันกลับหากมีการเลือกในปัจจุบันตั้งค่าเป็นไม่เลือกเดียวกัน ตรงกันข้ามเหมือนกัน $ ("#tabvouchlist tr"). แต่ละ (ฟังก์ชั่น () {ถ้า ($ ("td: eq (0) อินพุต [name = 'check']", $ (นี้)). คือ (': ตรวจสอบ')) {$ (นี้) .attr ('ตรวจสอบ', false);ข้างต้นเป็นบทสรุปของเคล็ดลับ JS ที่จัดทำโดยบรรณาธิการฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน!