js与jquery区别

							<p>一、本质上的区别<br>
1.JavaScript 是通过标签插入到HTML页面，可由所有的现代浏览器执行的一种轻量级的编程语言。</p>
<p>2.JQuery是一个JavaScript函数库。或者说是JavaScript。<br>
使用JQuery首先要在 HTML 代码最前面加上对 jQuery 库的引用，比如：</p>

<p>库文件既可以放在本地，也可以直接使用知名公司的 CDN，好处是这些大公司的 CDN 比较流行，用户访问你网站之前很可能在访问别的网站时已经缓存在浏览器中了，所以能加快网站的打开速度。另外一个好处是显而易见的，节省了网站的流量带宽。例如：</p>
<pre class="prettyprint"><code class="prism language-javascript has-numbering" "mdcp.copyCode(event)"><span class="token operator">&lt;</span>script src<span class="token operator">=</span><span class="token string">"http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"</span><span class="token operator">&gt;</span><span class="token operator">&lt;</span><span class="token operator">/</span>script<span class="token operator">&gt;</span>　　
<span class="token comment">//Google</span>

或者：

<span class="token operator">&lt;</span>script src<span class="token operator">=</span><span class="token string">"http://code.jquery.com/jquery-1.6.min.js"</span><span class="token operator">&gt;</span><span class="token operator">&lt;</span><span class="token operator">/</span>script<span class="token operator">&gt;</span> 
<span class="token comment">//jQuery 官方　</span>
<div class="hljs-button {2}" data-title="复制"></div></code><ul class="pre-numbering" style=""><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li><li style="color: rgb(153, 153, 153);">7</li></ul></pre>
<p>JavaScript是网页编程语言，而jQuery是一个基于js编写的框架；<br>
jquery就是基于JavaScript语言写出来的一个框架,实质上还是js而已<br>
So:<br>
1.jQuery 是一个 JavaScript 库；<br>
2.jQuery 极大地简化了 JavaScript 编程；<br>
3.jQuery 使JavaScript更好用；<br>
4.jquery就是要用更少的代码，漂亮的完成更多的功能；</p>
<p>一些方法对比:<br>
⑴使用JavaScript和jQuery分别加载DOM<br>
JavaScript只会执行一次，而jQuery会执行多次</p>
<p>⑵使用JavaScript和jQuery获取ID<br>
JavaScript：<br>
document.getElementById(‘idName’)<br>
JQuery：<br>
$(’#idName’)</p>
<p>⑶使用JavaScript和jQuery获取class<br>
JavaScript没有默认的获取class的方法<br>
JQuery：<br>
$(’.className’)</p>
<p>使用jQuery最大的好处是少量的代码做更多的事情，与JavaScript相比，jQuery的语法更加简单。</p>
<h2><a id="_46" target="_blank"></a>举个简单的栗子：获取元素的值</h2>
<pre class="prettyprint"><code class="has-numbering" "mdcp.copyCode(event)">Javascript代码 
document.getElementById(‘elementid').value  

使用jQuery： 
Jquery代码 
$(‘#elementid').val();  
<div class="hljs-button {2}" data-title="复制"></div></code><ul class="pre-numbering" style=""><li style="color: rgb(153, 153, 153);">1</li><li style="color: rgb(153, 153, 153);">2</li><li style="color: rgb(153, 153, 153);">3</li><li style="color: rgb(153, 153, 153);">4</li><li style="color: rgb(153, 153, 153);">5</li><li style="color: rgb(153, 153, 153);">6</li></ul></pre>
<p><img src="https://img-blog.csdnimg.cn/2019031521161091.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MzI1ODkwOA==,size_16,color_FFFFFF,t_70" alt="在这里插入图片描述"></p>

            </div>
						<link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-258a4616f7.css" rel="stylesheet">
                </div>