ch03 jQuery操作DOM(杜老师)

1. 操作元素样式

【例1.1】通过函数设置样式

【例1.2-1】操作元素类。

【例1.2-2】在操作元素类的方法中使用函数。

【例1.2-3】在操作元素类的方法中使用函数。

【例1.4-1】offset()方法。

【例1.4-2】offsetParent()方法。

【例1】css()方法获取多个属性。

【例2】css()方法设置多个属性。

【例3】通过函数设置样式。

【例4】通过函数设置样式。

【例5】通过函数设置样式。

【例6】width()和height()方法。

【例7】innerWidth()innerHeight()方法。

【例8】outerWidth()outerHeight()方法。

【例9】outerWidth()outerHeight()方法。

2. 操作元素属性

【例2.2】设置元素的状态属性。

【例10】获取和设置元素属性。

3. 操作元素内容

【例2.3-1】获取和设置元素HTML内容和文本。

【例11】操作元素内容。

4. 操作DOM节点

【例4.1-1】$()函数创建节点。

【例4.1-2】html()方法创建节点。

【例4.2-1】append()方法。

【例4.2-2】appendTo()方法。

【例4.2-3】after()方法。

【例4.2-4】insertAfter()方法。

【例4.2-5】prepend()方法。

【例4.2-6】before()方法。

【例4.2-7】before()方法。

【例4.2-8】prependTo()方法。

【例4.5】。

【例4.6-1】包裹节点。

【例4.6-2】包裹节点。

【例4.6-3】包裹节点。

【例4.7】。
【例12】创建节点[$(selector).html('HTML代码'); | var obj=$('HTML代码');$(selector).append(obj);]。
【例13】删除节点。
【例14】删除节点: $(selector).remove(); | $(selector).empty();

【例15】复制节点。

【例16】替换节点。

【例17】遍历节点。

【例18】链式编程。

返回 杜老师 制作