jQuery学习

tech2022-09-21  129

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() -返回被选元素的后代元素 ...
最新回复(0)