JQuery初学者笔记I

看到很多公司招聘的时候 都写着要求至少掌握一种JS类库
JS没什么基础 看来不得不学习一种了 就选择了目前最流行的JQuery了

今天初试了一下JQuery
真的是太喜欢它的语法了 很简洁
慢慢记录学习到的小知识 

DOM对象与JQuery对象
常规js里面操作dom对象经常根据id来选中对象
JQuery类库采用了我们经常看到的$来对这个方法进行简写
这个$在很多js类库里面都有 通常是：

this.$=function(id){
   return document.getElementById(id);
}

封装了一下而已

<input id="Button4" type="button" value="button" />

但是JQuery里面试了一下 使用$('Button4')取到的不是这个input对象
这里引入了一个"JQuery对象"的概念,它和我们常规的DOM对象是不一样的
总的来说
             JQuery对象 = $ ( DOM对象 )

JQuery中取得上面Button4的DOM对象的方法是
          $('#Button4').get(0)或者 $('#Button4')[0]
          $('#Button4') 或者 $(document.getElementById("Button4")) 返回的是JQuery对象

对于 $('#Button4')可以使用JQuery的方法 如:

$('#Button4').css("color","maroon").each(
   function(){
      //TODO
   })

小小总结:
Jquery类库中:
1.$('input')这样可以返回DOM中input对象的JQuery对象集合
2.$('input')对象中根据index或者id取得单个对象
    $("input").get(0) 页面第一个input对象的DOM对象
    $("input#id")取得ID为id的DOM对象
3.$("#id")取得DOM中ID为id的JQuery对象
   $("#id")[0]或者  $("#id").get(0)取得对应DOM对象
当然还有很多其它写法
如

$("input[@name='abc']").get(0) DOM对象
$("input[@name='abc']")            name为abc的input 的JQuery对象集合