การเขียนโปรแกรม jquery

30

แปลงข้อมูลแบบฟอร์มเป็นวัตถุ JavaScript ด้วย jQuery

ฉันจะแปลงองค์ประกอบทั้งหมดของฟอร์มเป็นวัตถุ JavaScript ได้อย่างไร ฉันต้องการมีวิธีสร้างวัตถุ JavaScript จากแบบฟอร์มของฉันโดยอัตโนมัติโดยไม่ต้องวนซ้ำแต่ละองค์ประกอบ ฉันไม่ต้องการสตริงตามที่ส่งคืนโดย$('#formid').serialize();และฉันไม่ต้องการแผนที่ที่ส่งคืนโดย$('#formid').serializeArray();

1624 javascript jquery json serialization

23

ดูตัวอย่างรูปภาพก่อนที่จะอัพโหลด

ฉันต้องการที่จะสามารถดูตัวอย่างไฟล์ (ภาพ) ก่อนที่มันจะถูกอัปโหลด การดำเนินการแสดงตัวอย่างควรดำเนินการทั้งหมดในเบราว์เซอร์โดยไม่ใช้ Ajax เพื่ออัปโหลดรูปภาพ ฉันจะทำสิ่งนี้ได้อย่างไร

1614 javascript jquery file-upload

30

ค้นหาวัตถุโดย id ในอาร์เรย์ของวัตถุ JavaScript

ฉันมีชุด: myArray = [{'id':'73','foo':'bar'},{'id':'45','foo':'bar'}, etc.] ฉันไม่สามารถเปลี่ยนโครงสร้างของอาร์เรย์ได้ ฉันถูกส่งผ่าน ID ของ45และฉันต้องการที่จะได้รับ'bar'สำหรับวัตถุนั้นในอาร์เรย์ ฉันจะทำสิ่งนี้ใน JavaScript หรือใช้ jQuery ได้อย่างไร

1545 javascript jquery arrays object javascript-objects

22

ฉันควรใส่แท็ก <script> ในมาร์กอัพ HTML ที่ไหน

เมื่อฝัง JavaScript ในเอกสาร HTML สถานที่ที่เหมาะสมในการวาง<script>แท็กและมี JavaScript อยู่ที่ไหน ฉันดูเหมือนจะจำได้ว่าคุณไม่ควรวางสิ่งเหล่านี้ไว้ใน<head>ส่วน แต่การวางที่จุดเริ่มต้นของ<body>ส่วนนั้นก็ไม่ดีเช่นกันเนื่องจาก JavaScript จะต้องมีการแยกวิเคราะห์ก่อนที่หน้าจะแสดงผลอย่างสมบูรณ์ (หรืออะไรทำนองนั้น) ดูเหมือนว่าจะปล่อยให้ส่วนท้ายของ<body>ส่วนเป็นสถานที่ตรรกะสำหรับ<script>แท็ก เพื่อที่จะเป็นสถานที่ที่เหมาะสมที่จะนำ<script>แท็ก? (คำถามนี้อ้างอิงคำถามนี้ซึ่งแนะนำว่าควรทำการย้ายการเรียกฟังก์ชัน JavaScript จาก<a>แท็กไปยัง<script>แท็กฉันใช้ jQuery โดยเฉพาะ แต่คำตอบทั่วไปก็เหมาะสมเช่นกัน)

1487 javascript jquery html

19

ฉันจะรับ ID ขององค์ประกอบโดยใช้ jQuery ได้อย่างไร

<div id="test"></div> <script> $(document).ready(function() { alert($('#test').id); }); </script> เหตุใดงานด้านบนจึงไม่ทำงานและฉันควรทำอย่างไร

1390 jquery jquery-selectors

30

วิธีที่ดีที่สุดในการเพิ่มตัวเลือกให้กับการเลือกจากเป็นวัตถุ JavaScript ด้วย jQuery คืออะไร?

วิธีที่ดีที่สุดในการเพิ่มตัวเลือกไปยัง<select>วัตถุจาวาสคริปต์โดยใช้ jQuery คืออะไร? ฉันกำลังมองหาสิ่งที่ฉันไม่ต้องการให้มีปลั๊กอิน แต่ฉันก็จะสนใจปลั๊กอินที่อยู่ข้างนอกด้วย นี่คือสิ่งที่ฉันทำ: selectValues = { "1": "test 1", "2": "test 2" }; for (key in selectValues) { if (typeof (selectValues[key] == 'string') { $('#mySelect').append('<option value="' + key + '">' + selectValues[key] + '</option>'); } } วิธีแก้ปัญหาที่เรียบง่าย / สะอาด: นี่คือmatdumsa รุ่นที่ทำความสะอาดและเรียบง่าย: $.each(selectValues, function(key, value) { $('#mySelect') .append($('<option>', …

1379 javascript jquery arrays html-select

30

วิธีจัดการคำขอเปลี่ยนเส้นทางหลังจากการโทร jQuery Ajax

ฉันใช้$.post()โทร servlet โดยใช้ Ajax แล้วใช้ส่วน HTML ที่เป็นผลลัพธ์เพื่อแทนที่divองค์ประกอบในหน้าปัจจุบันของผู้ใช้ อย่างไรก็ตามหากเซสชันหมดเวลาเซิร์ฟเวอร์จะส่งคำสั่งเปลี่ยนเส้นทางเพื่อส่งผู้ใช้ไปยังหน้าเข้าสู่ระบบ ในกรณีนี้ jQuery กำลังแทนที่divองค์ประกอบด้วยเนื้อหาของหน้าเข้าสู่ระบบบังคับให้ผู้ใช้มองเห็นฉากที่หายากแน่นอน ฉันจะจัดการคำสั่งเปลี่ยนเส้นทางจากการโทร Ajax ด้วย jQuery 1.2.6 ได้อย่างไร

1368 javascript jquery ajax redirect

11

วิธีการเปลี่ยน href สำหรับไฮเปอร์ลิงก์โดยใช้ jQuery

คุณจะเปลี่ยน href สำหรับไฮเปอร์ลิงก์โดยใช้ jQuery ได้อย่างไร?

1267 javascript jquery hyperlink

13

jQuery document.createElement ที่เทียบเท่ากัน?

ฉันกำลังสร้างโค้ด JavaScript เก่าอีกครั้งและมีการจัดการ DOM เกิดขึ้นมากมาย var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); ฉันต้องการทราบว่ามีวิธีที่ดีกว่าในการทำเช่นนี้โดยใช้ jQuery ฉันกำลังทดลองกับ: var odv = $.create("div"); $.append(odv); // And many more แต่ฉันไม่แน่ใจว่าจะดีกว่านี้หรือไม่

1251 javascript jquery html dom dhtml

13

ฉันจะตั้งค่า / ยกเลิกการตั้งค่าคุกกี้ด้วย jQuery ได้อย่างไร

ฉันจะตั้งค่าและยกเลิกการตั้งค่าคุกกี้โดยใช้ jQuery ได้อย่างไรเช่นสร้างคุกกี้ชื่อtestและตั้งค่าเป็น1?

1244 javascript jquery cookies

16

window.onload เทียบกับ $ (เอกสาร). ready ()

ความแตกต่างระหว่างวิธีการwindow.onloadของJavaScript และ jQuery คือ$(document).ready()อะไร?

1244 javascript jquery dom-events unobtrusive-javascript

20

jQuery รับข้อความแท็กตัวเลือกที่เฉพาะเจาะจง

เอาล่ะพูดว่าฉันมี: <select id='list'> <option value='1'>Option A</option> <option value='2'>Option B</option> <option value='3'>Option C</option> </select> ตัวเลือกจะเป็นอย่างไรถ้าฉันต้องการได้รับ "ตัวเลือก B" เมื่อฉันมีค่า '2' โปรดทราบว่านี่ไม่ได้ถามถึงวิธีรับค่าข้อความที่เลือกแต่เพียงอย่างใดอย่างหนึ่งไม่ว่าจะเลือกหรือไม่ขึ้นอยู่กับแอตทริบิวต์ค่า ฉันเหนื่อย: $("#list[value='2']").text(); แต่มันไม่ทำงาน

1234 javascript jquery drop-down-menu jquery-selectors

13

ฉันจะเลือกองค์ประกอบตามชื่อด้วย jQuery ได้อย่างไร

มีคอลัมน์ตารางฉันพยายามที่จะขยายและซ่อน: jQuery ดูเหมือนว่าจะซ่อนtdองค์ประกอบเมื่อฉันเลือกโดยระดับแต่ไม่ได้โดยองค์ประกอบของชื่อ ตัวอย่างเช่นทำไม: $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work หมายเหตุ HTML ด้านล่างคอลัมน์ที่สองมีชื่อเหมือนกันสำหรับทุกแถว ฉันจะสร้างคอลเลกชันนี้โดยใช้nameแอตทริบิวต์ได้อย่างไร <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr>

1226 javascript jquery html dom jquery-selectors

15

ฉันจะทำให้ jQuery ดำเนินการซิงโครนัสแทนที่จะเป็นแบบอะซิงโครนัสคำขอ Ajax ได้อย่างไร

ฉันมีวิดเจ็ต JavaScript ที่ให้คะแนนส่วนขยายมาตรฐาน หนึ่งในนั้นคือbeforecreateฟังก์ชั่น ควรกลับfalseไปเพื่อป้องกันไม่ให้สร้างรายการ ฉันได้เพิ่มการเรียก Ajax ในฟังก์ชันนี้โดยใช้ jQuery: beforecreate: function (node, targetNode, type, to) { jQuery.get('http://example.com/catalog/create/' + targetNode.id + '?name=' + encode(to.inp[0].value), function (result) { if (result.isOk == false) alert(result.message); }); } แต่ฉันต้องการป้องกันไม่ให้วิดเจ็ตของฉันสร้างรายการดังนั้นฉันควรกลับมาfalseในฟังก์ชั่นหลักไม่ใช่ในการติดต่อกลับ มีวิธีดำเนินการคำขอ AJAX แบบซิงโครนัสโดยใช้ jQuery หรือ API ในเบราว์เซอร์อื่นหรือไม่

1207 javascript jquery ajax asynchronous

23

ตรวจสอบว่าช่องทำเครื่องหมายถูกทำเครื่องหมายด้วย jQuery

ฉันจะตรวจสอบว่าช่องทำเครื่องหมายในอาร์เรย์ช่องทำเครื่องหมายถูกตรวจสอบโดยใช้ id ของอาร์เรย์ช่องทำเครื่องหมายได้อย่างไร? ฉันใช้รหัสต่อไปนี้ แต่จะคืนค่าจำนวนเช็คบ็อกซ์ที่เลือกไว้เสมอโดยไม่คำนึงถึงรหัส function isCheckedById(id) { alert(id); var checked = $("input[@id=" + id + "]:checked").length; alert(checked); if (checked == 0) { return false; } else { return true; } }

1187 javascript jquery html checkbox

คำถามติดแท็ก jquery