jQuery是一个轻量级的javascript函数库,极大地简化了javascript编程。
目录
一、语法二、选择器(常用)三、事件四、效果五、HTML六、遍历
一、语法
语法:$(selector).action()
文档就绪事件:
$(document).ready(function(){
//jQuery代码
});
这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,即在 DOM 加载完成后才可以对 DOM 进行操作。
二、选择器(常用)
元素选择器: $("p")
#id选择器: $("#root")
.class选择器: $(".test")
当前HTML元素: $(this)
三、事件
鼠标事件: click dbclick mouseenter mouseleave hover
键盘事件: keypress keydown keyup
表单事件: submit change focus blur
文档窗口事件:load resize scroll unload
四、效果
隐藏 hide()
显示 show()
淡入隐藏元素 fadeIn(speed,callback)
淡出可见元素 fadeOut()
淡入淡出切换 fadeToggle()
向下滑动元素 slideDown()
向下滑动元素 slideUp()
滑动元素切换 slideToggle()
动画 animate()
停止动画 stop()
链 $("#p1").css("color","red").slideUp(2000).slideDown(2000);
五、HTML
获得或设置内容
text() - 设置或返回所选元素的文本内容
html() - 设置或返回所选元素的内容(包括 HTML 标记)
val() - 设置或返回表单字段的值
获取属性
attr() - 获取属性值
添加元素
append() - 在被选元素的结尾插入内容
prepend() - 在被选元素的开头插入内容
after() - 在被选元素之后插入内容
before() - 在被选元素之前插入内容
删除元素
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
操作CSS
ddClass() - 向被选元素添加一个或多个类
removeClass() - 从被选元素删除一个或多个类
toggleClass() - 对被选元素进行添加/删除类的切换操作
css() - 设置或返回样式属性
六、遍历
向上遍历DOM树
parent() -返回被选元素的直接父元素
parents() -返回被选元素的所有祖先元素
parentsUntil() -返回介于两个给定元素之间的所有祖先元素
向下遍历DOM树
children() -返回被选元素的所有直接子元素
find() -返回被选元素的后代元素
...