王宇凡_20210120王宇凡

知识点总结

CSS 样式操作

addClass() 添加样式 
removeClass() 删除样式 t
oggleClass() 有就删除,没有就添加样式。 
offset() 获取和设置元素的坐标。

jQuery动画

基本动画

show() 将隐藏的元素显示
hide() 将可见的元素隐藏。
toggle() 可见就隐藏,不可见就显示。

以上动画方法都可以添加参数。 1、第一个参数是动画 执行的时长,以毫秒为单位 2、第二个参数是动画的回调函数 (动画完成后自动调用的函数)

淡入淡出动画

 fadeIn() 淡入(慢慢可见) 
 fadeOut() 淡出(慢慢消失) 
 fadeTo() 在指定时长内慢慢的将透明度修改到指定的值。0 透明,1 完成可见,0.5 半透明 fadeToggle() 淡入/淡出 切换

jQuery 事件操作

$( function(){} ); 和window.onload = function(){} 的区别

他们分别是在什么时候触发?

1、jQuery 的页面加载完成之后是浏览器的内核解析完页面的标签创建好 DOM 对象之后就会马上执行。 

2、原生 js 的页面加载完成之后,除了要等浏览器内核解析完标签创建好 DOM 对象,还要等标签显示时需要的内容加载 完成

他们触发的顺序?

1、jQuery 页面加载完成之后先执行 

2、原生 js 的页面加载完成之后 

他们执行的次数?

1、原生 js 的页面加载完成之后,只会执行最后一次的赋值函数。 

2、jQuery 的页面加载完成之后是全部把注册的 function 函数,依次顺序全部执行。

jQuery 中其他的事件处理方法:

click() 它可以绑定单击事件,以及触发单击事件 
mouseover() 鼠标移入事件 
mouseout() 鼠标移出事件 
bind() 可以给元素一次性绑定一个或多个事件。
one() 使用上跟 bind 一样。但是 one 方法绑定的事件只会响应一次。 
unbind() 跟 bind 方法相反的操作,解除事件的绑定 
live() 也是用来绑定事件。它可以用来绑定选择器匹配的所有元素的事件。哪怕这个元素是后面动态创建出 来的也有效

个人心得

经过jquery的学习,能轻松地完成很多js需要大量代码完成地动画效果。jquery让css更加地灵活。利用这一点可以在平时地页面中更多地操作CSS。让页面变得更加生动有活力。希望在今后的学习,能更多地使用jquery和学习,是自己的前端技术有所巩固。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1