本节主要将对象访问:each(),size(),length,selector,context,get(),get(index)。弄懂通过这几个属性或者方法的对象访问是本节的重点。
下面定义一个公共的html代码
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title></title>
<script language="javascript" src="jquery-1.4.2.min.js"></script><!--引入jquery框架，目前jquery-1.4.2.min.js是最高版本-->
<script language="javascript">$(function(){
<!--jquery文档处理代码区-->
});</script>
</head>
<body>
<div id="foraspcn"><p>网站制作学习网</p></div>
<p>jquery第一课,jquery核心函数$选择符</p>
<img id="image1" src="test1.jpg"/> <img src="test2.jpg"/><网站制作学习网Foasp.cn>
<form action="" method="get" name="form1">
<p>forasp.cn</p>
</form>
<form action="" method="get" name="form2">
<p>www.forasp.cn</p>
</form>
</body>
<html>
1. 对象.each(function(){});对象或者对象数组中的每个对象进行循环操作function(i);这里的i是索引，从0开始一直到p的个数减1
举例：
$("p").each(function(){$this.innerHTML="网站制作学习网"+i;});或者$("p").each(function(i){$(this).append("网站制作学习网"+i);});//结果是每个p的内容替换为网站制作学习网i(p的索引)
2.对象.size() 返回对象数组的个数，这个跟length的功能是一样的。
举例$("form").size(); 结果是2 也就是2个form
3.length 跟size()的效果是一样的。
举例 $("form").length; 输出 2
4.对象。selector 确定查询的选择器。也就是要确定要选择的内容。
举例$("form").selector;则返回form。
5.对象.context 检测使用的文档内容,比如是字符串，是object，还是其他内容等。
$("form").context; 输出[object HTMLDocument] //如果是IE浏览器，则返回[object]
6.get(),返回的是dom对象取得所有匹配的 DOM 元素集合，不是jquery对象集合
举例:$("img").get().reverse();结果:[ <img src="test2.jpg"/> <img src="test1.jpg"/> ]$("img").get()返回的是数组。
7.get(index),返回的是dom对象取得所有匹配的 DOM 元素集合，不是jquery对象集合不过有了index索引
举例:$("img").get(0).src;结果:text1.jpg
8.index(对象) 返回对象的索引值
举例 $("img")index($"image1");//输出0，即第一个图片的索引值
以上就是jquery的对象访问
更多信息请查看IT技术专栏