jQ基础

JQ元素获取

 $("#img1")                 //id为img1 的元素
 $(".img2")                 //class名为img2的元素
 $("#img1, .img2")     //id为img1的元素 和 class名为img2的元素
 $("div")                      //所有div的元素
 $("*")                        //dom所有的元素

$("body div")                //获取body下的所有div元素(包括所有的子div)
$("body>div")              //获取body下的div(只包括第一级div 不包括div中的div)
$("#eleId+div")            //获取id为eleId的下一个div元素 紧挨着的下一个 (一定要是平级的)
$("#eleid~div")             //获取id为eleId的所有div元素

$("body div : first")        //获取body下的第一个div元素
$("body div : even")        //获取body下的偶数div元素

$("div[id]")            //获取带有id属性的div元素
$("div[id='two']")   //获取带有id为"two"的div元素

$(":input")                             //获取input下所有type的子元素
$(":chechbox")                      //获取input下type为chechbox的子元素
$("input:checked")                      //获取input下checked(已被选中)的子元素
$("select option:selected")    //获取select标签下的所有被选中的元素

DOM对象转jQ对象

  $(Dom对象)   //直接放进$() 括号里

jQ对象转Dom对象

 $("#Dom对象id").get(0) 或者  $("#Dom对象id")[0]

元素的显示和隐藏(如果显示则隐藏 如果隐藏则显示)

   $("#eleId").toggle();