本节主要将对象访问: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的对象访问
2025国考·省考课程试听报名
公众号
事业单位
当前位置：
公考类
招聘类
各类考试
