jQuery学习笔记之六jQueryDOM的操作.docVIP

jQuery 学习笔记之六 (jQuery DOM的操作)DOM操作的分类 DOM Core 并不专属于javascript，任何一种支持DOM的程序设计语言都可以使用它。 它的用途并非仅限与处理网页，也可以用来处理任何一种使用标记语言编写出来的文档。例如XML javascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()等方法，这些都是Dom Core的组成部分。 使用DOM Core来获取表单对象的方法 document.getElementByTagName(from); 使用DOM Core来获取某元素的src属性的方法： element.getAttribute(src); 构建DOM元素 body p title=选择你最喜欢的水果你最喜欢的水果是?/p ul li title=苹果苹果/li li title=橘子橘子/li li title=菠萝菠萝/li /ul /body 使用jQeruy在文档数上查找节点非常容易，可以通过在第2章介绍的jQuery选择器来完成。 1.查找元素节点 获取元素节点并打印出它的文本内容，jQuery代码如下: var $li = $(ul li:eq(1)); 获取ul里第2个li 节点 var li_txt=$li.text(); //获取第2个li元素节点的文本内容 alert(li_txt); //打印文本内容，这里会打印出橘子 以上代码获取了ul元素里第2个li节点，并将它的文本内容橘子打印出来 2.查找属性节点 利用jQuery 选择器查找到需要的元素后，就可以使用attr()方法来获取它的各种属性的值.attr()方法得参数可以是一个，也可以是两个。当参数是一个时，则是要查询的属性的名字。 获取属性节点并打印出它的文本内容，jQuery代码如下： var $para = $(p); //获取p节点 var p_txt=$para.attr(title); //获取p元素节点属性title alert(p_txt); //打印title属性值 创建节点 在dom 操作中，常常需要动态创建HTML内容，是文档在浏览器里面的呈现效果发生变法，并且达到各种各样的人机交互的目的。 1. 创建元素节点 例如要创建两个li元素节点，并且要把它们作为ul元素节点的子节点添加到DOM节点树上。 (1)创建两个li新元素。 (2)将这两个新元素插入文档中。 第(1)个步骤可以使用jQuery的工厂函数$()来完成。 $(html); $(html)方法会根据传入的HTML标记字符串，创建一个DOM对象，并将这个DOM对象包装成一个jQuery对象后返回。 首先创建两个li元素,jQuery代码如下: $(ul).append($li_1); //添加到ul节点中，使之能在网页中显示 $(ul).append($li_2); //可以采取链式写法:$(ul).append($li_1).append($li_2); 注意事项： (1)动态创建的新元素节点不会被自动添加到文档中，而是需要使用其他方法将其插入文档中。 (2)当创建单个元素时，要注意闭合标签和使用标准的XHTML格式。 例如创建一个p 元素，使用$(p/)或者(p/p),但是不要使用$(p)或者大写的$(P/); 2.创建文档节点 var $li_1= $(li香蕉/li); //创建一个li 元素，包括元素节点和文本节点，香蕉就是创建的文本节点 var $li_2 =$(li雪梨/li); //创建一个li 元素，包括元素节点和文本节点，雪梨就是创建的文本节点。 $(ul).append($li_1); //添加到ul节点中，使之能在网页中显示 $(ul).append($li_2); //添加到ul节点中，使之能在网页中显示 以上代码所示，创建文本节点就是在创建元素节点时直接把文本内容写出来，然后使用append()等方法将他们添加到文档中就可以了。 注意事项： 无论$(html)中的HTML代码多么复杂，都要使用相同的方式来创建。 例如$(liem这是/emb一个/ba href=