直接利用浏览器提供的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结构修改了萧边。希望能对你有所帮助。如果你有任何问题,请给我留言,萧边会及时给您回复。谢谢您支持网站。