jQuery简介及基本选择器

jquery简介

jquery是当前最流行的JS插件库，就是封装大量代码到一个js文件中，需要时应用即可，大大缩减了代码量；类似于bootstrap和layui不同的是这两种是封装的css插件库。

jquery选择器

jquery选择器基于元素的id、类、属性、属性值等查找HTML元素，所有的选择器都以以美元符号"$"开头

基本选择器

基本选择器是jQuery中使用最频繁的选择器，它由id、类、元素名、多个选择符组成。

选择器	描述	返回值	实例
#id	根据输入的id查找元素	单个元素	$("#demo")选取id为demo的元素
.class	根据输入的类名查找元素	集合元素	$(".demo")选取class为demo的元素
element	根据输入的标签名查找元素	集合元素	$(“div”)选区所有的div元素
*	查找所有元素	集合元素	$("*")选取所有元素
selector1，selector2…selector N	将每个选择器匹配的元素合并到一起选择	集合元素	$(“div,p,span”)选取页面中所有 标签

实例：

<h2 id="movie">电影推荐</h2>    
<ul class="uls">        
    <li>《盗梦空间》</li>        
    <li>《星际穿越》</li>        
    <li>《火星救援》</li>        
    <li>《谍影重重》</li>    
</ul>    
<script>        
$(function () {            
    $("#movie").css("color","red");            
    $(".uls").css("background-color","orange");            
    $("li").css("font-size","20px");            
    $("*").css("font-family","楷体");        
})    
</script>

效果图：