jquery Dom操作
JQueryDom操作就是把html里面的元素进行提取和修改然后对文档进行相应的操作。可以很容易的进行样式的设计。内容的提取等等。这样可以很好的操作前端然后获取到你所需要的很多东西。方便了我们的操作和达到我们要求的效果。
今天我们进行一些简单的说明如何使用DOM 给大家讲解一点知识。首先我们将所有的Dom元素看成是一棵树,那么就相当于我们是对树的操作。我给一个Dom树我们就可以来了解里面大概的内容如图所示
Dom树
这就是一颗Dom树于是我们接下来所有的操作基本都是围绕这棵树进行的。这样就可以将hTML完成的抽象出来我们进行很方便的操作。寂然抽象出来成了树的话那么肯定会有对元素节点的操作啊例如
var $text2=$("ui li:eq(1)");选取ui下的第二个li
var $text1=$text2.text(); 获取text2里面的文字内容
alter($text1);抛出text1的内容
查找属性操作记住一个attr()如果是只有一个参数的话那么就直接是他的属性。
创建节点的方法例如var $text=$("<li> </li>");
$("ul").appen($text);
注意一个empty()方法他的意思是他不是删除节点而是让节点清空
$("ul li:eq(1)").empty(); 清空ul下面的li里面的第二个节点
复制节点的话可以使用alon()函数进行例子$("ul li").click(function(){
$(this).clone().appento("ul");
})
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。