Like using AJAX to change the HTML and download CSS?

The situation is the following:
When you click on the link to load the page via AJAX.
Sample code(simple):
$('a[id=ttt]').click( function(event){
event.preventDefault();
$.ajax({
 url: "../UserRegistration.blade.php",
 success: function(html){
$("main").html(html);
 }); 
});

Of course in the main is inserted all of the code, of course, don't change styles because I separately need to be loaded .css file.
Three questions:
1. How can I parse the document means jQuery to insert the desired html elements?
2. How to change styles if they are contained in another CSS file? To load via AJAX, use collectors
3. In HTML file there is img with images. In such a situation it is better to go with AJAX loading of content?
Or is it easier to upload files to a photo hosting?

Is the idea to use a php file that will work with any collector, which will gather me page, but how to send the resulting page and how to implement it, don't have a clue.
June 26th 19 at 14:13
1 answer
June 26th 19 at 14:15
Solution
No need to reinvent the wheel, you just make more mess.
Discover the world of SPA (Single Page Application):

1. Ember.js - https://www.emberjs.com/
2. Angular.js - https://angularjs.org/
3. React - https://facebook.github.io/react/

Well, the correct Assembly of the project:

Webpack - https://webpack.js.org/
ie ancient ember, Yes, but not the vue? - amparo_Hickle commented on June 26th 19 at 14:18
It was Odie from the options.
So I will understand vue.js

Thanks for the reply. - Lisa.Hick commented on June 26th 19 at 14:21
By : Ember still beautiful. Vue I personally did not enjoy this is not pointed out, but no one bothers to try) - Rex.Bayer90 commented on June 26th 19 at 14:24

Find more questions by tags AJAXjQueryCSSHTML