jQuery基础概念

jQuery是一个JS库，能够帮助我们轻松实现一些原本比较麻烦的功能。

jQuery每个班恩有两个小版本：压缩版与未压缩版，压缩版文件较小，但没有排版和注释，不便于阅读；未压缩版文件较大，有排版和注释，便于阅读。

jQuery实际上就是一个js文件，加载到页面就可以直接使用了。

<script src="../jquery-3.2.1.min.js"></script>

也可以通过CDN（Content Distribute Net）来引用Jquery

基本语法

$(选择器).action();

$:定义了这是一个Jquery的代码

选择器：按照一定的规则选择DOM元素，非常类似与CSS选择器。

action：对选中元素执行的操作

 

body在上 script在下  连接jq写在title下

<p>第一个段落</p>
<p>第二个段落</p>
<p>第三个段落</p>
<p>第四个段落</p>

 

$("p").click(function (){
    this.style.color = "red";
});

等价于

var paras = document.getElementsByTagName("p");
for(var i in paras){
    paras[i].addEventListener("click",function (){
        this.style.color = "red";
    });
}

所以说JQuery极大地简化了程序员的工作。