图片.png

实现开关等效果一:

用hasClass(), removeClass(), addClass()方法 实现
括号里面什么也没有,返回来仍然是这个对象,及时在括号中设置了内容,返回来的还是这个对象

图片.png

实现开关等效果二:

.val()方法:设置或者获取表单标签的value属性值
.val()方法:也可以设置下拉框某个option选中
.css() 设置元素的样式属性值

图片.png 图片.png

实现开关等效果三:

.toggleClass()

图片.png

text()方法:

text()方法: 设置或者获取标签中的文本内容,相当于DOM中的innerText 

图片.png

html()方法;

.html()方法: 设置或者是获取标签中的html内容---就相当于DOM中的innerHTML

图片.png

clone() 方法

图片.png

end()方法: 修复断链,一般不建议使用

图片.png

===============================我是分割线==============================

动画相关的方法:

以下方法中的第一个参数可以直接写好多毫秒,也可以写:
slow 比较慢的
fast 比较快的
normal 正常的
例如: $("#dv").fadeTo("slow", 0.2)

show()方法 与 hide()方法

show()方法指显示   hide()方法指隐藏
参数1: 事件 --1000毫秒--1秒
参数2: 回调函数--动画完毕后才执行

图片.png

slideDown()方法与 slideUp(),slideToggle()方法

slideDown() 滑出 
slideUp() 滑入
slideToggle()方法: 切换滑入和滑出 
参数1: 事件 --1000毫秒--1秒
参数2: 回调函数--动画完毕后才执行

图片.png

fadeIn() ,fadeOut() ,fadeToggle()

fadeIn() 淡入
fadeOut() 淡出
fadeToggle() 切换淡入淡出效果
参数1: 事件 --1000毫秒--1秒
参数2: 回调函数--动画完毕后才执行

图片.png

fadeTo(事件,透明值结束)

例如: $("#dv").fadeTo(5000, 0.2)

animate()方法 动画函数

图片.png