jqDOM操作

什么是jquery？jquery是一个js库，想要用jquery必须先引用，jquery大体与js相同，主要不同点在于DOM操作。
引用：

在html的<head></head>标签里引用，

jquery和js的DOM操作主要区别：

找元素：
   js:document.getElementById("")

   jq:$(选择器)   $(选择器).eq(下标)

   相互转：
   js转jquery：$(jsDom)
   jquery转js：$('div')[0] 或 $('div').get(0)

DOM操作：

操作内容：
   取值：jsDom.innerHTML    赋值： jsDom.innerHTML=abc
   取值：jqDom.html()       赋值： jqDom.html('赋值')

操作样式：
   js:
       取值：jsDom.style.color
       赋值：jsDom.style.color=赋值
   jq:
       取值：jqDom.css('color')
       赋值：jqDom.css('color','red')

       jqDom.css(
                  'color','red',
                  'width','100px',
                  'height','100px'
                  .....
       )

操作属性：
   js:jsDom.getAttribute('class')
   js:jsDom.setAttribute('class','add')

   jq:jqDom.attr('class')
   jq:jqDom.attr('class','add')

操作事件:
   js:jsDom.onCilck=function(){}
   jq:jqDom.cilck(fuction(){
           $this
   })

页面加载完成：

js：

window.onload=function(){

}

jq：

$(document).ready(function(){
alert("你好");
})
//简写
$(function(){
alert("你好");
});