爱之初体验jQuery

1.关于页面元素的引用

通过jQuery的$()引用元素包括id,class,元素名以及元素的层级关系及dom或者xpath对象（集合对象），不能直接调用dom定义的方法

2.jQuery对象与dom对象的转换

只有jQuery对象才能使用jQuery定义的方法。注意jQuery对象和dom对象是由区别的，调用方法时要注意操作的是dom 对象还是jQuery对象      普通的dom对象可以通过$()转换成jQuery对象  列如：$(document.getElementById("msg"))则为jQuery对象，由于jQuery对象本身是一个集合。所以如果jQuery对象要转换成dom对象则必须取出其中的某一项，一般可以通过索引取出   如：$("#msg")[0] ,    $("div").eq(1)[0],这些都是使用dom中的方法，但不能在使用jQuery的方法，一下几种写法都是正确的，$("#msg").html(),$("#msg")[0].innerHtml();

3.如何获取jQuery集合的某一项

对于获取的元素集合，获取其中的某一项（通过制定索引获取）可以使用eq或get（n）方法或索引号获取，要注意eq返回的是jQuery对象，而get（n）和索引返回的是dom元素对象，对于jQuery对象只能使用jQuery方法，如要获取第三个<div>元素的内容。有如下两种方法：$("div").eq(2).hmtl();//调用jQuery对象的方法     $("div").get(2).innerHtml();//调用dom的方法属性

4.同一函数实现set和get

jQuery中的很多方法都是如此，主要包括如下几个：

$("#msg").html();//返回id为msg的元素节点的html内容

$("#msg").width();//返回id为msg的宽度  如果括号里面有值则是设置

$("input").val();//返回表单输入框的value值

$("#msg").click();//触发id为msg的点击事件