<ul>
<li id="btn1">1</li>
<li>2</li>
<li class="green">3</li>
<li class="green">4</li>
<li>5</li>
</ul>
<div class="green">1</div>
<div class="green">1</div>
<div class="green">1</div>
<script src="jquery-1.12.4.js"></script>
<script>
//$其实就是一个函数，用$的时候记得跟小括号 $()
//参数不同，功能就不同
//3种用法
//1:参数是一个function，入口函数
$(function () {
});
//2:把dom对象转换成jquery对象
$(document).ready(function () {
});
//3:参数是一个字符串，用来找对象
$("div");//标签选择器
$("#btn1");//id选择器
$(".current");//类选择器
//jq如何设置样式 css(name,value)
$("#btn1").css("backgroundColor","red");
//基本选择器
//$("#btn1").css("backgroundColor","red");id选择器
//$(".green").css("backgroundColor","green");类选择器
//$("li").css("color","pink");标签选择器
//$("s1,s2");并集选择器
//$("s1 s2");后代选择器
//$("s1>s2");子代选择器
//$("s1s2");交集选择器
//并集 交集
//$("#btn1,.green").css("backgroundColor","hotpink");
//只想选择li中改变背景颜色
//$("li.green").css("backgroundColor","red");
//过滤选择器
// :odd 奇数 :even 偶数 :eq 指定下标
// :first 第一个元素 :last 最后一个元素
// :gt index 大于 3 的元素 :lt index 小于 3 的元素
//筛选选择器
// children():找儿子
// find():找后代
// parent();找父亲
// siblings():找兄弟 不包括自己
// next:上一个兄弟
// prev():下一个兄弟
// eq():指定下标
//index():返回的当前元素在所有兄弟里面的索引
