web基础day03

web基础

其实web主要是多加练习，相比编程语言来说，web要简单许多

1. jQuery概述
   jQuery相比js可以实现写的更少，但是做的更多的效果.
   jQuery本质是一个js的函数库。在页面中引入这个函数库就可以很实用jQuery语句。

   2. jQuery版本问题
      jQuery分为很多版本, 还分为未压缩版和压缩版, 根据需要选择对应的版本进行下载!
      1.x 支持常用的浏览器和IE6+
      2.x 支持常用的浏览器和IE9+
      3.x 支持常用的浏览器和IE9+
      注意: jQuery不兼容老版本. 因为jQuery升级除了会做一些内部优化之外, 还会删除以前的一些代码, 比如删除一些方法. 或者是添加一些新的方法。所以在升级之后， 以前的代码可能会无法执行。

   3. jQuery引入
      在标签中书写script子标签，通过src属性引入jQuery函数库。
      

   4. jQuery的功能
      可以像css选择器一样选择元素。
      可以直接创建所需元素。
      可以便捷的获取文档就绪事件。
      jQuery和js对象可以相互转换。
      a. jQuery的文档就绪事件
      $(document).ready(function(){

      });
      <==>
      $().ready(function(){

      });
      <==>
      $(function(){

      });

   5. jQuery对象和js对象相互转换
      a. js对象转换成jQuery对象
      jQuery单词和$意义相同，$相当于jQuery的简写形式。
      //js对象转换成jQuery对象
      $(function(){//文档就绪事件
      var div1 = document.getElementById(“div1”);
      //div1.innerText = “aa”;
      $(div1).text(“aaa”);

               });
      

      b. jQuery对象转换成js对象
      //jQuery对象转换成js对象
      var div1 = KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲div1"); …(".test")[0].innerText = “俺是0号”;
      //$(".test")[1].innerText = “俺是1号”;