43、实例 使用jQuery遍历文档树
2014-07-10 12:51
363 查看
<!doctype html> <html> <head> <meta charset="utf-8"> <title>使用jQuery遍历文档树</title> <script type="text/javascript" src="jquery-2.1.0.js"></script> <script> $(document).ready(function(e) { var mybody=$("body"); var li=mybody.children().eq(2).children()[0]; //var li=mybody.children().eq(2).children().eq(0); // li.text("第一项").next().text("第二项").next().text("第三项");如果采用的不是jQuery方法访问的数组元素(eq(0))。 没有任何效果,因为使用数组访问的是返回的DOM对象,不能调用jQuery对象方法 $("li").text("第一项").next().text("第二项").next().text("第三项"); }); </script> </head> <body> <h1>DOM文档对象模型</h1> <p>DOM 是Document Object Model短语的缩写,中文翻译为文档对象模型,根据W3C DOM规范 ,DOM是一种与浏览器、平台、语言无关的接口,使用该接口可以访问页面其他的标准组件</p> <ul> <li>1</li> <li>2</li> <li>3</li> </ul> </body> </html>
相关文章推荐
- 63、实例 使用jQuery全局函数遍历数组和集合对象
- jQuery遍历之next()、nextAll()方法使用实例
- jQuery遍历之next()、nextAll()方法使用实例
- jquery使用each方法遍历json格式数据实例
- jQuery EasyUI API 中文文档 - Tree树使用实例
- jquery使用each方法遍历json格式数据实例
- jQuery遍历之next()、nextAll()方法使用实例
- 18、使用jQuery操作DOM之遍历文档树
- jQuery 源码分析和使用心得 - 文档遍历 ( traversing.js )
- jQuery 1.7 正式版已经可以下载使用。jQuery是一个JavaScript库,它简化了HTML文档遍历,事件处理,动画和为网络快速发展的Ajax交互。jQuery 1.7 版本加入了新的事件API .on() 和 .off(),提
- 使用JQuery遍历解析由.ashx返回的json的值
- jquery下json的使用实例
- Jquery AutoComplete的使用方法实例
- jquery autocomplete 插件使用实例 (Struts2 ,result)
- JQuery插件中的treeview与asp.net mvc的结合使用实例(转)-附加自己的写法
- 使用JDom来创建XML文档实例,需要引入jdom.jar包
- 使用jQuery轻松实现Ajax的实例代码
- Jquery插件 Jqgrid在ASP.Net下的使用方法与实例【转】
- 【转】Jquery工作常用实例——使用AJAX使网页进行异步更新
- 使用jquery实现判断用户名是否存在的实例