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的点击事件