JQ 简介

什么是JQ

一个优秀的JS库,大型开发必备

lJQ的好处?

简化JS的复杂操作

不再需要关心兼容性

提供大量实用方法

l如何学习JQ

www.jquery.com

JQ只是辅助工具,要正确面对

需要分阶段学习

=======================================

lJQ设计思想?

选择网页元素

模拟CSS选择元素

JQ 简介_第1张图片

 

独有表达式选择

JQ 简介_第2张图片

 

多种筛选方法

JQ 简介_第3张图片

JQ写法

方法函数化

JQ 简介_第4张图片

JQ 简介_第5张图片

链式操作

JQ 简介_第6张图片

取值赋值合体

JQ 简介_第7张图片

JQ 简介_第8张图片

JQJS关系

可以共存,不能混用

JQ 简介_第9张图片

==========================================

l$()下的常用方法

has():包含

JQ 简介_第10张图片

not():filter()的反义词

filter():过滤

JQ 简介_第11张图片

next():下一个兄弟节点

JQ 简介_第12张图片

prev():上一个兄弟节点

find():查找

JQ 简介_第13张图片

eq()

JQ 简介_第14张图片

index()

JQ 简介_第15张图片

attr()

JQ 简介_第16张图片

编写选项卡

https://blog.csdn.net/qq_35187942/article/details/87888420

===========================================

l$()下的常用方法

addClass()  :注意-添加重复的class只保留一个

JQ 简介_第17张图片

removeClass():删除class

width()   innerWidth()   outerWidth()

-----------------------------------width() --------------------------------------------------

JQ 简介_第18张图片

JQ 简介_第19张图片

JQ 简介_第20张图片

-----------------------------------innerWidth() ,outerWidth()--------------------------------------------------

JQ 简介_第21张图片JQ 简介_第22张图片

insertBefore()  before()

JQ 简介_第23张图片JQ 简介_第24张图片

insertAfter()   after()

appendTo()   append()

JQ 简介_第25张图片

prependTo()   prepend()

JQ 简介_第26张图片

remove()

on()  off()

JQ 简介_第27张图片JQ 简介_第28张图片

JQ 简介_第29张图片

scrollTop()

JQ 简介_第30张图片

编写弹窗

https://blog.csdn.net/qq_35187942/article/details/87890552

=======================================================

你可能感兴趣的:(jq)