add file:css

2018-02-07 15:20:51 +08:00
parent 80322acc8c
commit b23cf99b46
6 changed files with 600 additions and 58 deletions
--- a/07-jQuery/03-jQuery操作DOM.md
+++ b/07-jQuery/03-jQuery操作DOM.md
@@ -2,7 +2,9 @@


 ## 文本主要内容
-
+
+
+
 - 样式和类操作

 - 节点操作
@@ -39,7 +41,7 @@

 举例如下：

-20180205_1315.png
+![](http://img.smyhvae.com/20180205_1315.png)

 ### 类操作（className）

@@ -180,8 +182,7 @@ $(selector).toggleClass(“liItem”);    //为指定元素切换类 className

 实现的效果：

-20180205_1330.gif
-
+![](http://img.smyhvae.com/20180205_1330.gif)

 ### 样式操作和类操作的比较

@@ -316,8 +317,7 @@ $(selector).toggleClass(“liItem”);    //为指定元素切换类 className

 效果：

-20180205_1345.gif
-
+![](http://img.smyhvae.com/20180205_1345.gif)



@@ -417,7 +417,7 @@ $(selector).append('<div></div>');  //参数是 htmlString

 效果：

-20180205_2020.gif
+![](http://img.smyhvae.com/20180205_2020.gif)


 **其他的添加元素的方法：**
@@ -569,7 +569,8 @@ $(selector).append('<div></div>');  //参数是 htmlString

 效果：

-20180205_2040.gif
+![](http://img.smyhvae.com/20180205_2040.gif)
+

 ### 案例：动态添加表格项

@@ -686,7 +687,7 @@ $(selector).append('<div></div>');  //参数是 htmlString

 实现的效果：

-20180205_2045.gif
+![](http://img.smyhvae.com/20180205_2045.gif)

 代码解释：每次生成字符串str之前，记得先把之前的str清空，不然每次点击按钮，都会继续添加表格项。

@@ -798,7 +799,7 @@ prop方法通常用来影响DOM元素的动态状态，而不是改变的HTML属

 效果：

-20180205_2115.gif
+![](http://img.smyhvae.com/20180205_2115.gif)

 **案例：表格案例全选反选**

@@ -957,7 +958,7 @@ prop方法通常用来影响DOM元素的动态状态，而不是改变的HTML属


 ```javascript
-	$(selector).text(“我是内容”);
+	$(selector).text("我是内容");
 ```


@@ -972,12 +973,6 @@ prop方法通常用来影响DOM元素的动态状态，而不是改变的HTML属
 举例：


-
-
-
-
-
-
 ```html
 <!DOCTYPE html>
 <html>
@@ -1021,7 +1016,6 @@ prop方法通常用来影响DOM元素的动态状态，而不是改变的HTML属

 打印结果：

-20180205_2139.png
-
+![](http://img.smyhvae.com/20180205_2139.png)