diff --git "a/60\351\231\210\347\202\263\351\221\253/20231211 JS\350\277\233\351\230\2666.md" "b/60\351\231\210\347\202\263\351\221\253/20231211 JS\350\277\233\351\230\2666.md" new file mode 100644 index 0000000000000000000000000000000000000000..be0f74d196710e7a52508f237ce5967dcc2b3ef4 --- /dev/null +++ "b/60\351\231\210\347\202\263\351\221\253/20231211 JS\350\277\233\351\230\2666.md" @@ -0,0 +1,307 @@ +# 笔记： + +# 笔记： + +jQuery 语法是通过选取 HTML 元素，并对选取的元素执行某些操作。 + +基础语法： **$(\*selector\*).\*action\*()** + +- 美元符号定义 jQuery +- 选择符（selector）"查询"和"查找" HTML 元素 +- jQuery 的 action() 执行对元素的操作 + +实例: + +- $(this).hide() - 隐藏当前元素 + +- $("p").hide() - 隐藏所有 + + 元素 + +- $("p.test").hide() - 隐藏所有 class="test" 的 + + 元素 + +- $("#test").hide() - 隐藏所有 id="test" 的元素 + +## HTTP 请求：GET vs. POST + +两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 + +- *GET* - 从指定的资源请求数据 +- *POST* - 向指定的资源提交要处理的数据 + +GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。 + +POST 也可用于从服务器获取数据。不过，POST 方法不会缓存数据，并且常用于连同请求一起发送数据。 + +如需学习更多有关 GET 和 POST 以及两方法差异的知识，请阅读我们的 [HTTP 方法 - GET 对比 POST](https://gitee.com/link?target=http%3A%2F%2Fit028.com%2Fhtml-httpmethods.html)。 + +# 练习： + +```html + + + + + + + + 案例-图书管理 + + + + + + + + + + +
+ +
+

图书管理

+ +
+ + + + + + + + + + + + + + + + + + + + +
序号书名作者出版社操作
1JavaScript程序设计马特·弗里斯比人民邮电出版社 + 删除 + 编辑 +
+
+ +
+ +
+
+
+ 添加图书 + +
+
+ +
+
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+
+
+ +
+ +
+
+
+ 编辑图书 + +
+
+ +
+ +
+ + +
+
+ + +
+
+ + +
+
+
+
+ + +
+
+
+
+ + + + + + + + + +``` + diff --git "a/60\351\231\210\347\202\263\351\221\253/20231212 JS\350\277\233\351\230\2667.md" "b/60\351\231\210\347\202\263\351\221\253/20231212 JS\350\277\233\351\230\2667.md" new file mode 100644 index 0000000000000000000000000000000000000000..e5f4b08e0a13bcb8beb695f29c2afc8d382f205a --- /dev/null +++ "b/60\351\231\210\347\202\263\351\221\253/20231212 JS\350\277\233\351\230\2667.md" @@ -0,0 +1,297 @@ +# 笔记： + +四种等级的选择器 + +绑定事件处理程序：`$('selector').on('事件类型', 函数)` + +`addClass("xxx")`：追加单个属性 + +`addClass("xxx xxx xxx")`：追加多个属性 + +`removeClass("xxx")`：移除单个属性 + +`removeClass("xxx xxx xxx")`：移除多个属性 + +`toggleClass("xxx xxx xxx")`：轮换属性 + +`attr("属性名")：`根据属性名获取属性值 `attr("属性名","属性值")：`设置单个属性值 `attr({"属性名":"属性值","属性名":"属性值","属性名":"属性值"})`：设置多个属性值 `removeAttr("属性名")：`删除属性值 + +# 练习： + +```html + + + + + + + + + tab栏切换 + + + +
+
+

每日特价

+ +
+
+
+
+
+
+
+
+
+ + + + + + + + + + + + + 轮播图点击切换 + + + +
+
+ +
+
+

对人类来说会不会太超前了？

+ +
+ + +
+
+
+ + + + +``` +