携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第9天，点击查看活动详情
本期开始我们继续复盘jQuery语法
- css（）方法
- 用于调用CSS属性值或者更改CSS属性值
- 语法：JQuery对象.css(name,value)
- 参数1：字符串格式的CSS样式属性名
- 参数2：设置或更改的属性值
- 注意：
- 一个参数：表示调用CSS属性的值，得到的是某个元素的计算后样式，值为字符串格式
- 两个参数：表示设置CSS样式属性，第二个参数可以是字符串格式的属性值，如果带单位的数字的属性值，可以写成带单位的字符串格式、不带单位的字符串、纯数字、带+=等赋值运算的字符串
- CSS（）方法的第一个参数，复合属性的单一属性写法可以是驼峰命名法，也可以是横线写法
- 可以给同一个对象同时设置多条CSS属性，将多条属性的属性和属性值写成对象格式，传给CSS（）的参数
- addClass（）添加类名
- 语法：JQuery对象.addClass('类名')
- 参数：字符串格式的类名
- removeClass（）移除类名
- 删除指定的类名
- 语法：JQuery对象.removeClass()
- 参数：字符串格式的类名
- 不传参数，表示删除所有的类名
- toggleClass（）类名切换
- 若这个类名存在，则会移除该类名，否则添加该类名
- 语法：JQuery对象.toggleClass('类名')
- 参数：字符串格式的类名
- 优点：三个方法只操作参数部分的类名，不影响原有的其他类名
- hasClass（）检测类名是否存在
- 语法：JQuery对象.hasClass('类名')
- 返回值：true和false
- JQuery常用事件方法
- JQuery对象封装了一系列的事件方法
- 事件方法与原生JS事件方法名称类似，不需要写on
- 事件方法需要JQuery对象打点调用，小括号内的参数是事件函数
- 例如点击事件：click（）方法
- mouseenter（）方法
- JQuery中自己增加的事件
- 鼠标移入一个元素触发的事件
- mouseleave（）方法
- JQuery中自己增加的事件
- 鼠标离开一个元素触发的事件
- 对比
- 注意：mouseenter和mouseleave没有事件冒泡
- 在使用时替换mouseover和mouseout更加合适
- hover（）方法
- hover事件相当于将mouseenter和mouseleave事件进行了合写
- 参数：有两个参数，第一个参数是鼠标移上执行的事件函数，第二个参数是鼠标离开执行事件函数
- $(this)
- 在原生的DOM操作中，事件函数内部有一个this关键字指向的就是触发事件的事件源，在JQuery中将this关键字传递给$()方法，得到就是指向自己的JQuery对象，就可以使用JQuery的方法
本期内容就到这里啦！
