Jquery 基础--选择器

1、基本概念
Jquery是一个JS库，能够帮助我们轻松实现一些原本可能比较麻烦的功能
Jquery每个版本又有两个小版本；压缩版和未压缩版，压缩版文件较小，但没有注释和排版，不便于阅读；而未压缩版文件较大，有排版和注释，便于阅读。
Jquery实际上就是一个js文件，加载到页面就可以直接使用了。
也可以通过CDN（Contont Distribution NetWork，内容分发网络）来引用Jquery。
2、语法
$（选择器）.action();$：定义了这是一个Jquery的代码
选择器：按照一定的规则选择DOM元素，非常类似于CSS选择器。
action：对选中元素执行的操作。

案例：所有段落单击变红
方案一：使用js

var paras = document.getElementsByTagName("p");
for(var i in paras){
    paras[i].addEventListener("click",function(){   //动态获得事件监听
        this.style.color = "red";
    });
}

方案二：使用Jquery

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

Jquery的一行代码就相当于js的若干行代码。Jquery极大简化了程序员的工作。

3、选择器
（1）元素选择器：根据标签名来获取元素，比如
$(“p”):表示获取所有的段落 （2）id选择器$(“#p1”):表示选择id = “p1”的元素

class选择器
$(“.p1”):表示选择class = “p1”的元素

<script>
    $(".p2").click(red);
    function red(){
        this.style.color = "red";
    }
</script>

后代选择器：

<script>
    $("div p").click(red);
    function red(){
        this.style.color = "red";
    }
</script>

（5）$(“p:first”)：表示选择p标签的第一个元素，相当于css中的伪类选择器。 （6）属性选择器$(“p[name]”)：表示选中所有具有name属性的段落。
$(“p[name=’second’]”)：表示选中所有name=‘second’的段落。$(“tr:even”)：表示选中所有奇数行的tr