57.前端12——jQuery02

一、jQuery操作标签

1.类操作

jQuery中操作类的操作和js中操作类的操作对比

js版本 　　　　　　　　　　jQuery版本
classList.add() 　　　　 　　 addClass() 　　添加指定的CSS类名
classList.remove() 　　       removeClass()   移除指定的CSS类名
classList.contains() 　　　　 hasClass()　　 判断样式存不存在
classList.toggle() 　　　　 toggleClass()　　切换CSS类名，如果有就移除，如果没有就添加

2.css操作

现在有两个p标签

<p>111</p>
<p>222</p>

示例：如何将第一个p标签变成红色第二个p标签变成绿色

$('p').first().css('color','red').
$('p').first().next().css('color','green')

上述代码用一行代码实现

$('p').first().css('color','red').next().css('color','green')

jQuery的链式操作 使用jQuery可以做到一行代码操作很多标签
jQuery对象调用jQuery方法之后返回的还是当前jQuery对象 也就可以继续调用其他方法

3.位置操作

4.尺寸操作

5.文本操作

6.获取值操作

7.属性操作

8.文档操作

二、jQuery绑定事件

1.jQuery绑定事件的两种方法

2.克隆时间

3.自定义模态框

4.左侧菜单

5.返回顶部

6.自定义登录校验

7.input框实时监控

8.hover时间

9.键盘按键按下时间