jqurey

1、首先要添加jquery的js包   新建一个js的包来存储它

2、就是在页面引入js

<script type="text/javascript" src="/xxx/js/jquery-1.8.3.js"></script>

然后在//...内写

<script type="text/javascript">
        //...
</script>

window.onload与$(document).ready()的区别

主要是：window.onload是要全部加载完才显示

“$”等同于“jQuery”

$(document).ready()等同于jQuery(document).ready()

Dom对象和jquery对象

Dom对象：直接使用javascript获取的节点对象

var objDom = document.getElementById("title");
var objHTML = objDom.innerHTML;

JQuery对象：使用jQuery包装Dom对象后产生的对象，她能够使用jQuery中的方法

$("#title").html();
等同于
document.getElementById("title").innerHTML;

jQuery对象转DOM对象

Dom转jQuery对象

var txtName = document.getElmentById("txtName");//Dom对象
var $txtName = $(txtName);
1、jQuery对象命名一般以$开头
2、常用$(this)来获取当前的对象

类选择器

1、标签选择器  element  $("h2")

2、类选择器    .class       $(".title")

3、ID选择器     #id         $("#title")

4、并集选择器   selector1，selector2.。。  $("div,p,.tilte")

5、交集选择器   element.class或者element.#id     $(h2.title)拥有class为title的h2元素

层次选择器

1、后代选择器（空格）    $("#menu span")选取menu下的span元素

2、子选择器（大于>）     $("#menu>span")选取#menu的子元素span

3、相邻元素选择器(+)      $("h2+dl")选取紧邻h2元素后的同辈元素dl    。next

4、同辈元素选择器（~）   $("h2~dl")选取h2元素后的所有同辈元素dl    。next

属性选择器

隔行变色jquery和script的对比

jquery：

$(document).ready(function(){
            $("tr:even").not(":first").css("background-color","red");
        });
        

script：

        window.onload = function() {
            var rows = document.getElementsByTagName("tr");
            for(var i = 0;i<rows.length;i++){
                if(i%2 == 0 && i != 0){
                    rows[i].style.backgroundColor = "red";
                }
            }
        }