一、入口函数
$(function(){
})
入口函数和onload的区别
// 01 onload多个 后面会覆盖前面的
// 02 jq入口函数 可以执行多个
// 03 jq入口函数要比onload快
二、jq和js转换
jq对象
用jq函数选择的对象
$("button")
选择页面中所有的按钮
$(".box")
选择页面中,所有类名为box的对象
转化为js对象的方法
使用get命令
$("button").get(0)
使用下标
$("button")[0]
js转化为jq对象
把js对象放入jq入口函数里面
$(buttons)
三、属性
$(this) 把原生js事件对象转化为jq对象
.html() 设置元素里的内容 可用带html标签
.text() 设置/获取节点文本内容
.val() 设置表单的值
.index() 获取元素的下标
.eq(n) 获取第n个jq对象
四、类名
.addClass()添加类名
.removeClass()移除类名
toggleClass() 切换类名
hasClass()切换类
五、显示与隐藏 /动画效果
toggle
切换显示与隐藏 .hide()隐藏 .show()显示fadeTpggle()
淡入淡出 fadeln()淡入 fadeOut() 淡出 fadeTo() 设置透明度slideToggle()
高度变化显示隐藏 slideDown 向下显示 slideUP 向上隐藏
六、节点关系
.parent() 查找父级
.parents() 查找父级
.siblings() 兄弟
.prev() 上一个兄弟
.next() 下一个兄弟
.find() 查找子孙节点
.children() 子节点