| 标题 | 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的对象访问 |
| 随便看 |
|
在线学习网考试资料包含高考、自考、专升本考试、人事考试、公务员考试、大学生村官考试、特岗教师招聘考试、事业单位招聘考试、企业人才招聘、银行招聘、教师招聘、农村信用社招聘、各类资格证书考试等各类考试资料。