JQuery基础语法1

• jquery版本

1. jquery3.X国际上使用的多
2. 1.x兼容IE6/7/8
3. 2.x不兼容IE6/7/8
4. jquery压缩版去除了注释,空格,换行

• 工作中遇到的环境:[中间有一个git svn, 接收开发环境提交的代码]

1. 开发环境[自己电脑,写代码][jquery未压缩版本用在这个环境]
2. 测试环境[服务器]
3. 生产环境[服务器:对用户开发][jquery压缩版本用在这个环境]

• jquery和js的顺序

1.   js的入口函数执行要比jQuery的入口函数执行得晚一些。
2.   jq的入口函数会等待页面的加载完成才执行，但是不会等待图片的加载。
3.   js的入口函数会等待页面加载完成，并且等待图片加载完成才开始执行。

•   DOM无法调用jquery对象,,  jquery调用js对象,需要转换

    //jquery对象能不能调用DOM对象的方法
    //var $li = $("li");//$这个前缀命名代表 是jquery对象
    //$li[0].setAttribute("name","hehe");

    var cloth = document.getElementById("cloth");    
    //DOM对象变成jQuery对象
    //$(cloth).text("呵呵");

//jQuery对象转换成DOM对象（取出来）
    var $li = $("li");
    $li[1].style.backgroundColor = "red";
    $li.get(2).style.backgroundColor = "yellow";

• 对象转换

      // DOM--> jQuery  $()
      // jQuery--》 DOM  $li[0]  $li.get(0) //$其实就是一个函数,参数是一个字符串,用来找对象//$("li")里面是字符串,为了查找对象

• $的三种用法

  //1. 参数是一个function, 入口函数
  $(function () {   
  });
  console.log(typeof $);//function
  
  //2. $(domobj)  把dom对象转换成jquery对象
//  $(document).ready(function () {
//  });
  
  //3. 参数是一个字符串,用来找对象
  //$("div") $("div ul")   $(".current")
  

• 选择器

    //$("s1,s2")// 并集选择器
    //$("s1 s2")// 后代选择器
    //$("s1>s2")// 子代选择器
    
    //$("li.green")
    //$("s1s2") //交集选择器

• 链式编程[手风琴span题目+div文本]

            $(this).next().slideDown(200).parent().siblings().children("div").slideUp(200);