jQuery的remove（）函数是否会取消元素的请求

Question

I'm wondering if jQuery's remove() function will reliably cancel requests that have been triggered during page load. Given following setup:

<video>
  <source src="movie1.mp4" type="video/mp4">
</video>

<video>
  <source src="movie2.mp4" type="video/mp4">
</video>

and they are quite big videos to return in the response (~40mb).

When I have this in my JS:

$(document).ready(isMobile);

function isMobile() {
  // condition that checks for mobile device here, next line executed if true
  $('video').remove(); 
};

will the video already requested still be loaded? Will any of the videos be loaded?

As you can assume this is about cancelling unnecessary loading of videos which wouldn't be displayed for mobile anyway.

Answer 1

After running the following snippet, I noticed that it did indeed stop downloading the file after the current "chunk" finished downloading. This would prevent further loading by large sources.

 $(document).ready(function() { setTimeout(function() { $('video').remove(); }, 10000); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <video src="https://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_30mb.mp4" type="video/mp4" controls> 

And after downloading/stopping 10 seconds in (The chunk finished downloading, and then stopped downloading more data):