Why jQuery does not work on my home (local) machine?
My question isn't so much about why a specific bit of jQuery I've written isn't working as it is about no jQuery at all is working; not even working examples I've copied directly from places like W3 Schools.
I use jQuery from time to time in my software development job and while I am by no means an expert, I am pretty familiar with it. For the first time I am trying to use jQuery in a home project and no matter what I do, none of it will work. The example I've included below is about as simple as I can think of, and even it will not work.
<!DOCTYPE HTML>
<html>
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
</head>
<body>
<div>
<p>Old Stuff</p>
</div>
<script type="text/javascript">
$('p').text('New Stuff');
</script>
</body>
</html>
What could possibly be wrong with this?
The code is ok.
The script is not downloading because, as you probably are not deploying the code, the browser will default to the file:// protocol.
To solve it, add the http: at the script tag:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>
change this
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
to this
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
The way you load jQuery might be a problem. When you start your URL with // it is supposed to work when page is being browsed via HTTP or HTTPS protocols. However, if you will open it as a local file it won't work.
Given that your example works over HTTP I suggest you try to include jQuery as following:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js">
</script>