电脑配置|硬件知识|电脑故障|电脑技巧|电脑应用|组装电脑

jQueryDOM结构改性_节点动态java精修学校

直接利用浏览器提供的API来修改DOM结构,不仅代码复杂,而且可以为浏览器编写不同的代码。

使用jQuery,我们将重点放在jQuery对象本身的操作上,而底层的DOM操作是由jQuery完成的,因此DOM的修改大大简化了。

添加DOM

为了添加一个新的DOM节点,除了附加的HTML()方法之外,还可以使用附加()方法,如附加()方法。




Javascript
蟒蛇
斯威夫特




如何向列表中添加一种语言首先获取节点:


VaR UL =美元(' #
UL测试);


然后,将追加()调用到HTML片段中:


Ul.append('haskell);


除了接受字符串之外,附加()还可以传递原来的DOM对象、jQuery对象和函数对象:


创建一个DOM对象:
VaR(PS = document.createelement李);
ps.innerhtml = 'pascal;
添加DOM对象:
Ul.append(PS);
添加jQuery对象:
ul.append($(' #方案));
添加函数对象:
Ul.append(函数(指数、HTML){
return'language -+指数+;
});


当函数传递时,需要返回一个字符串、一个DOM对象或一个jQuery对象,因为jQuery的附加()可以在一组DOM节点上操作,只有传入函数可以为每个DOM生成不同的子节点。

附加()添加DOM的结束,并在()添加DOM顶。

另外,请注意,如果要添加的DOM节点已经在HTML文档中,则将首先从文档中删除它,然后添加,也就是说,使用附加(),可以移动DOM节点。

如果要在指定位置插入新节点,例如在Javascript和Python之间,那么您可以首先定位Javascript,然后使用后()方法:


JS = $(var的#测试
UL >李:第一个孩子);
Js.after('lua);


也就是说,对等节点可以使用后()或前()方法。

删除节点

要删除DOM节点,在获取jQuery对象时,可以直接调用删除()方法。如果jQuery对象包含多个DOM节点,您可以一次实际删除多个DOM节点:


Var Li = $(div #测试> 李);
(删除);全部删除


以上是相关知识的jQuery DOM结构修改了萧边。希望能对你有所帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。