搜索框:交互 2

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

点了这个搜索小图标,我要在 content 元素上添加一个 css 类 ..

打开 main.js,在这个 text 方法的下面,接着再用一个 parents 方法,它会得到元素的所有的父元素 .. 在它所有的父元素里面,我要找到带 .content 这个类的父元素 ..

因为我只想在这个元素的上面添加一个 css 类 .. 添加 css 类用的是 addClass 方法 ... 把要添加的类的名字告诉它,比如 searching ..

然后在这个 else 里面,同样用一下 parents 方法,找到它的 .content 父元素,这里我要去掉上面添加的 searching 类,可以使用 removeClass 方法..

保存 .. 再去预览一下 .. 点一下这个搜索小图标 .. 你会发现,在它的 content 这个父元素的上面,会添加一个 searching 这个 css 类 ..

再点一下这个关闭小图标 .. 这样会去掉添加在 content 元素上面的 searching 这个 css 类 ..

搜索框:交互 2《 网页设计案例:导航栏 》

统计

14696
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点