jQuery的面试题

1.$的原理

答案:

1)$("选择器")是先查找DOM元素,再将DOM元素放入jQuery对象中

其中自带优化:

     如果选择器是#id,则自动调用getElementById

     如果选择器是.class,则自动调用getElementByClassName

     如果选择器是标签名,则自动调用getElementByTagName

否则,其他选择器,都自动调用querySelectorAll()

2)$(DOM元素)是直接将DOM元素放入jQuery对象中

3)$("HTML片段")是创建一个新元素

4)$(function(){}) 是绑定事件,在DOM内容加载后就提前触发.

2.实现动画有几种方式,哪种好?

答案:

1)CSS:transition,animation

优点:由专门的排版引擎解析,效率高

缺点:无法随意控制交互行为

2)JS:定时器,$().animaton();

优点:可随意控制交互行为

缺点:效率不如css动画

3)requestAnimationFrame()

优点:可根据浏览器的刷新频率自动优化动画效果

缺点:新API,有兼容性问题