JQuery的相关案例——知识点

一、选项卡 (要求:点击主题字体,下方出现有关主题的内容。知识点:addClass添加样式;removeClass移除样式;siblings返回所有同级的兄弟元素;index返回当前元素的索引;eq根据索引返回指定的元素;注意:这些都是jquery的方法,所以后面都要添加“()”)


选项卡

 二、get和post请求(注意:书写方式与原生js不同)

get和post

三、一级导航(知识点:$('<标签名>')是jquery的创建标签的方法;html()是jquery的获取/操作元素的html内容;text()是jquery的获取/操作元素的文本内容;append()是添加元素)


一级导航

四、二级导航


二级导航

 五、三级导航


三级导航

六、扩展(与append类似的内部插入方法和外部插入方法)

1、内部插入方法:

a.append(b):b插入到a的下面;  a.appendTo(b):a插入到b的下面                                            a.prepend(b):b插入到a的上面;  a.prependTo(b):a插入到b的上面

2、外部插入方法:

A.after(B),是将B插入到A的下面;A.insertAfter(B),是将A插入到B的下面                                 A.before(B),是将B插入到A的前面;A.insertBefore(B),是将A插入到B的前面

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容