| 标题 | jquery对象访问 |
| 范文 | 本节主要将对象访问: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的对象访问 |
| 随便看 |
|
在线学习网范文大全提供好词好句、学习总结、工作总结、演讲稿等写作素材及范文模板，是学习及工作的有利工具。