From 500500b24b12059dab705ed57529cbd2055f3711 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E2=80=98=E6=9D=A8=E6=AF=85=E2=80=99?= <‘y233emmm@163.com’> Date: Wed, 13 Dec 2023 23:35:18 +0800 Subject: [PATCH] =?UTF-8?q?=E6=9D=A8=E6=AF=85=E7=9A=84=E4=BD=9C=E4=B8=9A?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../20231211 jquery\347\232\204Ajax.md" | 0 .../20231212 jquery.md" | 335 ++++++++++++++++++ 2 files changed, 335 insertions(+) rename "32 \346\235\250\346\257\205/20231211 jquery.md" => "32 \346\235\250\346\257\205/20231211 jquery\347\232\204Ajax.md" (100%) create mode 100644 "32 \346\235\250\346\257\205/20231212 jquery.md" diff --git "a/32 \346\235\250\346\257\205/20231211 jquery.md" "b/32 \346\235\250\346\257\205/20231211 jquery\347\232\204Ajax.md" similarity index 100% rename from "32 \346\235\250\346\257\205/20231211 jquery.md" rename to "32 \346\235\250\346\257\205/20231211 jquery\347\232\204Ajax.md" diff --git "a/32 \346\235\250\346\257\205/20231212 jquery.md" "b/32 \346\235\250\346\257\205/20231212 jquery.md" new file mode 100644 index 0000000..0ddd90c --- /dev/null +++ "b/32 \346\235\250\346\257\205/20231212 jquery.md" @@ -0,0 +1,335 @@ +# 日志 + +## 笔记 + +```js +js和jQuery对象可以互相转换 +$(选择器).get(下标) 或 +$(选择器)[下标] +可以将jQuery对象转成js对象 +$('p').html('xx') +$('p')[0].innerHTML = 'xx' +$('input').val('内容') +$('input')[0].value = '内容' +//对jQuery的操作,一般是以函数()的形式的 +//而对js原生的操作,一般是赋值=形式的 + +$('li').click(function(){ + $(this) //可以获取点击的li +}) + +jQuery模拟事件委托: +$('btn').on('click','del',function(){}) +//jQuery添加事件,判断点击的对象是否有'del'类名,如果有则触发函数 + +原生修改css方法: +document.querySelector('div').style.backgroundColor = 'red' +jQuery修改css方法: +$('div').css('属性','值') +$('div').css({'background':'red','属性':'值'}) +//可以以对象的形式传入多个属性 + +jQuery增删类名: +$('div').addclass('blue') //给div添加blue类名 +$('div').removeclass('blue') + +jQuery获取自定义属性: +$('div').data('属性名') +例如: +$(`.tab-content div:nth-child(${$(this).data('id')})`).addClass('active') + + +。。。。其余详见丘丘笔记及案例和笔记本 +``` + +## 作业 + +```js + + + + + + + + tab栏切换 + + + + +
+
+

每日特价

+ +
+
+
+
+
+
+
+
+
+ + + + + +``` + + + +```js + + + + + + + + 轮播图点击切换 + + + + +
+
+ +
+ +
+ + + + + +``` + -- Gitee