一.jq与dom对象转换
// jquery对象[索引号]
// jquery对象.get[索引号]
dom对象转换为jquery:$(dom对象)
二.windom.onload与$(document).ready()的区别
执行时机:前者必须等待网页全部加载完毕(包括图片等)然后再执行包裹代码
后者只需要等待网页中的DOM结构加载完毕,就能执行包裹的代码
执行次数:前者只能执行一次,如果第二次,那么,第一次的执行会被覆盖
后者可以执行多次,第n次都不会被上一次覆盖
三.属性
.index() 获取元素的下标
.eq(n) 获取第n个jq对象
// 获取: | |
// jquery对象.text() / jquery对象.html() / jquery对象.val() | |
// ps: 如果jquery对象是多个时, | |
// jquery对象.html() / jquery对象.val()获取时, | |
// 获取的是第一个jquery对象里的内容 | |
// 设置: | |
// jquery对象.text(内容) / jquery对象.html(内容) / jquery对象.val(内容) | |
四.类
.addClass()添加类
.removeClass()移除类
toggleClass() 切换类
hasClass()切换
五.隐藏/显示动画
toggle切换显示与隐藏 .hide()隐藏 .show()显示
fadeTpggle() 淡入淡出 fadeln()淡入 fadeOut() 淡出 fadeTo() 设置透明度
slideToggle() 高度变化显示隐藏 slideDown 向下显示 slideUP 向上隐藏