jQuery基本选择器和层次选择器学习使用

  

  DOM对象与jQuery对象的相互转化

  jQuery对象不能直接使用DOM对象的方法，

  但可以通过将jQuery对象转换成DOM对象后再调用其方法。

  基本选择器是jQuery中最常用的选择器

    $(function(e){

      $("#idDiv").css("color","blue");

      $(".classDiv").css("background-color","#dddddd");

      $("span").css("background-color","gray").css("color","white");

      $("*").css("font-size","20px");

      $("#idDiv,.classSpan").css("font-style","italic");

    });

  

    $(function(e){

      $("form input").css("width","200px");

      $("form > input").css("background","pink");

      $("label + input").css("border-color","blue");

      //$("label").next("input").css("border-color","blue");

      $("form ~ input").css("border-bottom-width","8px");

      //$("form").nextAll("input").css("border-bottom-width","4px");

      $("*").css("padding-top","3px");

    });