Jquery的DOM操作

做系统的过程中,用了很多jquer操作DOM的知识,于是总结了下,发表在这里。

首先,从整体上:

Jquery的DOM操作_第1张图片

1、查找DOM元素:

Jquery的DOM操作_第2张图片

查找元素的话,Jquery提供了丰富的选择器,可以参考Jquery选择器,对于属性节点,可以通过attr()方法来设置或读取。


2、创建DOM元素


3、插入(追加)元素

Jquery的DOM操作_第3张图片

jquery插入(追加)元素的方法虽多,但总结起来非常简单:向某元素内部追加,append方法为在内部的最后面追加,prepend为在元素的内部前面追加,appendTo和prependTo是响应的append和prepend方法的颠倒(要插入的内容和插入接受内容的元素),after和before是在元素的外部追加,insertAfter和insertBefore同样是响应方法的颠倒。


4、替换元素

Jquery的DOM操作_第4张图片


5、包裹元素(将选定元素用某元素包裹起来)

Jquery的DOM操作_第5张图片


6、元素属性操作(jquery的css方法用法与此相同)

Jquery的DOM操作_第6张图片


7、样式操作

Jquery的DOM操作_第7张图片


8、获取html、文本或值

Jquery的DOM操作_第8张图片


9、遍历操作

Jquery的DOM操作_第9张图片


简单总结这些,给大家用jquery的时候提供个思路。











你可能感兴趣的:(C#)