JQuery基础

• 首先引入JQuey

  <!--引用jquery的第一种方式 本地文件引入-->
  <script src="js/jquery-1.12.0.js" type="text/javascript" charset="utf-8"></script>
  <!--引用jquery的第二种方式 引入外部cdn地址的方式-->
  <script src="https://code.jquery.com/jquery-3.1.0.js"></script>
  

• jQuery的语法

$(selector).action();

$ 美元符号就是jQuery  $是jQuery对象的别名
selector  选择符  选择和查找html元素
action  jQuery对html进行的操作

• 简化写法

  $(document).ready(function(){
     //等页面加载完再解析jq语句
    console.log("这是我的第一个jQuery程序");
   });              
  

  再简化
  $(function(){
  console.log("这是我的第一个jQuery程序");
  });

  例子：
  //原生JS写法
  window.onload = function(){
  var oP = document.getElementsByTagName("p");
  for(var i=0; i<oP.length; i++){
  oP[i].style.color = "red";
  }
  }JQ
  //JQ简化写法
  $(function(){
  //jquery 链式写法
  $("p").css("color","red").click(function(){
  $(this).hide();
  });
  });

        //hide(); 隐藏
        //show(); 显示