01jQuery之获取和引用jQ、页面加载事件绑定、基本选择器、过滤选择器

下载：

进入​​jQuery官网​​，

进行下载，其中jQuery库分开发版和发布版

引用jQ：

<script src="js/jquery-1.12.4.js" type="text/javascript"></script>

页面加载事件绑定：

其中 jq有两种方式：

$(document).ready(function(){   填写代码   })

$(function(){  填写代码  })

$(document).ready()与window.onload类似，但也有区别

基本选择器：

全局选择器：获取全部的元素。
示例：

$("*").css("color","blue");

示例：

<h1>1111111111</h1>
<div class="two">2222222222</div>
<div id="three">3333333333</div>
<div id="four">4444444444</div>

$(function(){
  $("h1").css("color","blue");
  $(".two").css("color","green");
  $("#three").css("color","pink");
  $(".two,#four").css("color","red");
});

过滤选择器：

示例：

<ul>
      <li><a href="#">111111</a></li>
      <li><a href="#">222222</a></li>
      <li><a href="">333333</a></li>
      <li><a href="">444444</a></li>
      <li><h1>333333</h1></li>
      <li><h2>444444</h2></li>
</ul>
  $("li a:first").css("color","red");
  $("li a:last").css("color","pink");
  $("li a:odd").css("color","red");
  $("li a:even").css("color","pink");
  $("li a:eq(2)").css("color","pink");
  $("li a:gt(2)").css("color","pink");
  $("li a:lt(2)").css("color","pink");
  $(":header").css("color","pink");
$("li:not(a)").css("color","pink");