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

5

วิธีรับแท็ก <html> HTML ด้วย JavaScript / jQuery

ใช้$('html').html()ฉันจะได้รับ HTML ภายใน<html>แท็ก ( <head>, <body>ฯลฯ ) แต่ฉันจะรับ HTML จริงของ<html>แท็ก (พร้อมแอตทริบิวต์) ได้อย่างไร หรือเป็นไปได้ที่จะรับ HTML ทั้งหมดของหน้า (รวมถึง doctype <html>และอื่น ๆ ) ด้วย jQuery (หรือ JavaScript เก่าธรรมดา)

161 javascript jquery

13

ฉันจะค้นหาความยาวของตัวเลขได้อย่างไร

ฉันต้องการความยาวของตัวเลขใน JavaScript หรือ jQuery หรือไม่ ฉันพยายามแล้วvalue.lengthไม่ประสบความสำเร็จฉันต้องแปลงเป็นสตริงก่อนหรือไม่?

161 javascript jquery

12

jQuery vs document.querySelectorAll

ฉันได้ยินมาหลายครั้งแล้วว่าเนื้อหาที่แข็งแกร่งที่สุดของ jQuery คือวิธีการสืบค้นและจัดการองค์ประกอบใน DOM: คุณสามารถใช้การสืบค้น CSS เพื่อสร้างการสืบค้นที่ซับซ้อนซึ่งยากที่จะทำในจาวาสคริปต์ปกติ อย่างไรก็ตามเท่าที่ฉันรู้คุณสามารถบรรลุผลลัพธ์เดียวกันกับdocument.querySelectorหรือdocument.querySelectorAllซึ่งได้รับการสนับสนุนใน Internet Explorer 8 ขึ้นไป ดังนั้นคำถามคือ: ทำไมค่าใช้จ่าย 'ความเสี่ยง' jQuery หากสินทรัพย์ที่แข็งแกร่งที่สุดสามารถทำได้ด้วย JavaScript ที่บริสุทธิ์? ฉันรู้ว่า jQuery มีมากกว่าตัวเลือก CSS เช่น AJAX ข้ามเบราว์เซอร์ที่ดีกิจกรรมที่แนบมาเป็นต้น แต่ส่วนการสืบค้นมันเป็นส่วนสำคัญของความแข็งแกร่งของ jQuery! ความคิดใด ๆ

161 javascript jquery html css-selectors jquery-selectors

8

เลือกองค์ประกอบตามการจับคู่ที่แน่นอนของเนื้อหา

เอาล่ะฉันสงสัยว่ามีวิธีที่จะทำให้:contains()ตัวเลือกของ jQuery เพื่อเลือกองค์ประกอบที่มีเฉพาะสตริงที่พิมพ์ ตัวอย่างเช่น - <p>hello</p> <p>hello world</p> $('p:contains("hello")').css('font-weight', 'bold'); ตัวเลือกจะเลือกpองค์ประกอบทั้งสองและทำให้เป็นตัวหนา แต่ฉันต้องการให้เลือกเฉพาะองค์ประกอบแรก

161 jquery jquery-selectors

9

รีเซ็ต setTimeout

ฉันมีดังต่อไปนี้: window.setTimeout(function() { window.location.href = 'file.php'; }, 115000); ฉันจะรีเซ็ตฟังก์ชั่นตัวนับตรงกลางผ่านการนับถอยหลังได้อย่างไรผ่านฟังก์ชั่น. คลิก

161 javascript jquery

13

แปลง MySql DateTime เป็นรูปแบบวันที่ของ JavaScript

ไม่มีใครรู้ว่าฉันสามารถใช้datetimeค่าชนิดข้อมูลMySQL เช่นYYYY-MM-DD HH:MM:SSและแยกวิเคราะห์หรือแปลงให้ทำงานในDate()ฟังก์ชั่นของจาวาสคริปต์เช่น: - วันที่ ('YYYY, MM, DD, HH, MM, SS); ขอบคุณ!

160 javascript jquery mysql datetime

4

jquery loop กับข้อมูล Json โดยใช้ $ .each

ฉันได้ JSON ต่อไปนี้กลับมาในตัวแปรที่เรียกว่า data นี่คือ JSON ที่ได้รับผลตอบแทน ... [ {"Id": 10004, "PageName": "club"}, {"Id": 10040, "PageName": "qaz"}, {"Id": 10059, "PageName": "jjjjjjj"} ] และฉันพยายามที่จะวนรอบคอลเลกชันโดยใช้ $. แต่ละครั้ง แต่ฉันพบปัญหาที่การแจ้งเตือนแสดงไม่ได้กำหนด ฉันลองใช้ไวยากรณ์ที่แตกต่างกันมากมาย แต่ไม่สามารถเข้าใจได้ JQuery ที่ฉันใช้อยู่คือ $.each(data, function(i, item) { alert(item.PageName); }); คนใดคนหนึ่งสามารถชี้ฉันในทิศทางที่ถูกต้องได้หรือไม่? แก้ไข นี่คือรหัสที่ฉันใช้เพื่อคว้าข้อมูล $.getJSON('/Cms/GetPages/123', null, function(data) { fillSelect(data); }); และนี่คือฟังก์ชั่นที่ถูกเรียกเมื่อโทรกลับ function fillSelect(data) { alert(data); …

160 jquery json foreach

6

รับดัชนีองค์ประกอบเป็นลูกที่สัมพันธ์กับพาเรนต์

สมมติว่าฉันมีมาร์กอัปนี้: <ul id="wizard"> <li>Step 1</li> <li>Step 2</li> </ul> และฉันมี jQuery นี้: $("#wizard li").click(function () { // alert index of li relative to ul parent }); ฉันจะรับดัชนีของเด็กที่liเกี่ยวข้องกับผู้ปกครองของมันได้อย่างไรเมื่อคลิกที่li? ตัวอย่างเช่นเมื่อคุณคลิก "ขั้นตอนที่ 1" เครื่องหมายalert"0" จะปรากฏขึ้น

160 javascript jquery

14

ฉันจะ PHP ยกเลิกการตั้งค่าแบบฟอร์มต่อเนื่อง jQuery ได้อย่างไร

ใช้$('#form').serialize()ฉันสามารถส่งสิ่งนี้ผ่านไปยังหน้า PHP ตอนนี้ฉันจะ unserialize ใน PHP ได้อย่างไร มันต่อเนื่องใน jQuery

160 php jquery serialization

11

อัปเดตโมเดลเชิงมุมหลังจากตั้งค่าอินพุตด้วย jQuery

ฉันมีสถานการณ์ง่าย ๆ นี้: องค์ประกอบอินพุตซึ่งค่าจะถูกเปลี่ยนโดยวิธี val () ของ jQuery ฉันพยายามอัปเดตโมเดลเชิงมุมด้วยค่าที่ jQuery ตั้งไว้ ฉันพยายามเขียนคำสั่งง่ายๆ แต่ก็ไม่ได้ทำสิ่งที่ฉันต้องการ นี่คือคำสั่ง: var myApp = angular.module('myApp', []); myApp.directive('testChange', function() { return function(scope, element, attrs) { element.bind('change', function() { console.log('value changed'); }) } }) นี่คือส่วน jQuery: $(function(){ $('button').click(function(){ $('input').val('xxx'); }) }) และ html: <div ng-app="myApp"> <div ng-controller="MyCtrl"> <input test-change …

160 jquery angularjs bind directive

6

วิธีการใช้ตัวแปร JavaScript ในตัวเลือก jQuery

ฉันจะใช้ตัวแปร JavaScript เป็นพารามิเตอร์ในตัวเลือก jQuery ได้อย่างไร <script type="text/javascript"> $(function(){ $("input").click(function(){ var x = $(this).attr("name"); $("input[id=x]").hide(); }); }); </script> <input type="text" id="bx"/><input type="button" name="bx"/> <input type="text" id="by"/><input type="button" name="by"/> โดยพื้นฐานสิ่งที่ฉันต้องการจะทำคือการสามารถซ่อนองค์ประกอบที่มีidค่าเท่ากับชื่อขององค์ประกอบที่ถูกคลิก

160 javascript jquery

6

ฉันจะได้รับจริง. สูง () ของล้น: ซ่อนหรือล้น: เลื่อน div?

ฉันมีคำถามเกี่ยวกับวิธีรับความสูงของ div ฉันรู้.height()และinnerHeight()แต่ไม่มีของพวกเขาไม่ทำงานสำหรับฉันในกรณีนี้ สิ่งนี้คือในกรณีนี้ฉันมี div ที่มีความกว้างมากเกินไป overflow: เลื่อนและ div มีความสูงคงที่ หากฉันใช้.height()หรือinnerHeight()ทั้งสองอย่างให้ความสูงของพื้นที่ที่มองเห็นได้ แต่ถ้าฉันต้องการบัญชีที่มีการไหลมากเกินไปฉันจะดำเนินการอย่างไร

160 jquery height overflow

12

เพิ่มเครื่องหมายจุลภาคในตัวเลขทุกสามหลัก

ฉันจะจัดรูปแบบตัวเลขโดยใช้ตัวคั่นจุลภาคทุกสามหลักโดยใช้ jQuery ได้อย่างไร ตัวอย่างเช่น: ╔═══════════╦═════════════╗ ║ Input ║ Output ║ ╠═══════════╬═════════════╣ ║ 298 ║ 298 ║ ║ 2984 ║ 2,984 ║ ║ 297312984 ║ 297,312,984 ║ ╚═══════════╩═════════════╝

160 jquery number-formatting

5

Direct vs. Delegated - jQuery .on ()

ฉันพยายามที่จะเข้าใจความแตกต่างนี้โดยเฉพาะระหว่างโดยตรงและได้รับการแต่งตั้งจัดการเหตุการณ์โดยใช้jQuery .on ()วิธีการ ประโยคสุดท้ายในย่อหน้านี้โดยเฉพาะ: เมื่อselectorมีให้จัดการเหตุการณ์จะเรียกว่าได้รับมอบหมาย ตัวจัดการจะไม่ถูกเรียกเมื่อเหตุการณ์เกิดขึ้นโดยตรงกับองค์ประกอบที่ถูกผูก แต่สำหรับลูกหลาน (องค์ประกอบภายใน) ที่ตรงกับตัวเลือก jQuery ทำให้ฟองเหตุการณ์จากเหตุการณ์เป้าหมายไปยังองค์ประกอบที่แนบตัวจัดการ (กล่าวคือภายในสุดถึงองค์ประกอบนอกสุด) และเรียกใช้ตัวจัดการสำหรับองค์ประกอบใด ๆ ตามเส้นทางนั้นที่ตรงกับตัวเลือก การ "เรียกใช้ตัวจัดการสำหรับองค์ประกอบใด ๆ " หมายความว่าอย่างไร ฉันทำหน้าทดสอบเพื่อทดสอบด้วยแนวคิด แต่โครงสร้างทั้งสองต่อไปนี้นำไปสู่พฤติกรรมที่เหมือนกัน: $("div#target span.green").on("click", function() { alert($(this).attr("class") + " is clicked"); }); หรือ, $("div#target").on("click", "span.green", function() { alert($(this).attr("class") + " is clicked"); }); บางทีใครบางคนอาจอ้างถึงตัวอย่างที่แตกต่างเพื่อชี้แจงประเด็นนี้? ขอบคุณ

159 javascript jquery event-bubbling jquery-events event-binding

6

ฉันจะเลื่อนไปที่องค์ประกอบภายใน Div ที่โอเวอร์โฟลว์ได้อย่างไร

ฉันมี 20 รายการใน div ที่สามารถแสดงได้ 5 รายการต่อครั้ง วิธีที่ดีในการเลื่อนไปยังรายการ # 10 คืออะไรแล้วรายการ # 20 ฉันรู้ความสูงของทุกรายการ scrollToปลั๊กอินทำอย่างนี้ แต่แหล่งที่มาของมันไม่ได้ง่ายสุดที่จะเข้าใจได้โดยไม่ต้องได้รับจริงๆเป็นมัน ฉันไม่ต้องการใช้ปลั๊กอินนี้ สมมติว่าผมมีฟังก์ชั่นที่ใช้เวลา 2 องค์ประกอบ$parentDiv, $innerListItem, ค่า$innerListItem.offset().topมิได้$innerListItem.positon().topให้ฉัน scrollTop ที่ถูกต้องสำหรับ $ parentDiv

159 jquery

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