From 58209aec782172c9ba953232e7c7aa3bbfe477de Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E9=99=88=E6=99=93=E7=81=BF?= <2447149492@qq.com> Date: Wed, 13 Dec 2023 14:47:33 +0000 Subject: [PATCH] =?UTF-8?q?=E9=99=88=E6=99=93=E7=81=BF=E7=9A=84=E4=BD=9C?= =?UTF-8?q?=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: 陈晓灿 <2447149492@qq.com> --- ...2 \345\233\276\344\271\246\351\246\206.md" | 373 ++++++++++++++++++ 1 file changed, 373 insertions(+) create mode 100644 "26\351\231\210\346\231\223\347\201\277/20231212 \345\233\276\344\271\246\351\246\206.md" diff --git "a/26\351\231\210\346\231\223\347\201\277/20231212 \345\233\276\344\271\246\351\246\206.md" "b/26\351\231\210\346\231\223\347\201\277/20231212 \345\233\276\344\271\246\351\246\206.md" new file mode 100644 index 0000000..2271793 --- /dev/null +++ "b/26\351\231\210\346\231\223\347\201\277/20231212 \345\233\276\344\271\246\351\246\206.md" @@ -0,0 +1,373 @@ +## 心得： + +```js +*/ + // 相邻选择器 + alert($("#l2+li").html()); // 选中紧挨着id属性值为l2的li元素 + alert($(".l1~li").length); // 选中紧挨着后面的li元素 + alert($("ul>li").length); // 选中ul的子代元素 + + + // 属性选择器 + // $("[属性名]")：选中所有带有该属性的元素 + // alert($("[class]").length); // 选中所有带有class属性的元素 + /* + $("[属性名='属性值']")：选中属性值等于该属性值的元素 + $("[属性名!='属性值']")：选中属性值不等于该属性值的元素 + $("[属性名^='属性值']")：选中以该属性名开头的元素 + $("[属性名$='属性值']")：选中以该属性值结尾的元素 + $("[属性名*='属性值']")：选中包含该属性值的元素 + */ + + // alert($("[id^='p']").length); // 选中id属性以p开头的元素 + // alert($("[id*='s']").length); // 选中id属性包含s的元素 + + /* + 过滤选择器（不经常使用）注意顺序由0开始 + :first：最开头那一个（即0） + :last:最后那一个 + :even：偶数 + :odd：奇数 + :eq(index)：第index个 + :gt(index)：大于第index个的全部元素 + :lt(index)：小于第index个的全部元素 + :not：除了什么以外的全部元素 + */ + alert($("ul>li:first").html()); // 选择ul的所有li后代中的第一个 + alert($("ul>li:last").html()); // 选择ul的所有li后代中的第一个 + alert($("ul>li:even").length); // 选择ul的所有li后代中的偶数元素 + alert($("ul>li:eq(2)").html()); // 选择ul的所有li后代中的第二个，从0开始 + alert($("li:not(ul>li:eq(2))").length); // 选择ul的所有li中等于第二个以外的元素 + +``` + + + +## 作业： + +~~~js + + + + + + + + tab栏切换 + + + + +
+
+

每日特价

+ +
+
+
+
+
+
+
+
+
+ + + + + +``` + +## 轮播图 + +```html + + + + + + + + 轮播图点击切换 + + + + +
+
+ +
+
+

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

+ +
+ + +
+
+
+ + + + + +~~~ + -- Gitee