问答:
说说库和框架的区别?
答:
库是一些方法的集合,类似于工具,直接拿来用的。
而框架是有着一定的规范,类似于搭一个架子,需要什么内容按照它自己的规范去填充。大部分框架设计是基于MVC,MVVC模式的,如Angular,React等。jquery 能做什么?
答:
jquery是一个轻量级的js库,实现了各种方法的封装,有良好的兼容性。方便的操作DOM元素,css的操作,元素事件绑定,各种动画效果的实现,ajax请求。jquery 对象和 DOM 原生对象有什么区别?如何转化?
答:
jquery对象返回的结果是类数组对象,只能用自己的方法。
DOM原生对象是一个DOM节点,只能使用DOM元素的属性和方法。jquery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
答:
jq中绑定事件的方法:
$(".btn").click(function(){
console.log("这是jq绑定事件的第一种方法")})
$(".btn").bind('click',function(){
console.log("这是jq绑定事件的第二种方法")})
$(".btn").on('click',function(){
console.log("这是jq绑定事件的第三种方法")})
绑定事件各种写法的作用:
1、 .bind()方法用于把事件绑定到选中的元素上,只针对已存在的元素进行事件绑定。
2、 .unbind(),bind()的反向操作,从每一个匹配的元素中删除绑定的事件。
3、 .delegate(),为每一个符合条件的子元素绑定事件处理函数,类似于事件代理。
4、 .live(),事件处理函数绑定到document上,经过层层冒泡,直到目标元素。(被废弃)
5、 .on().on(events,[selector],[data],fn)events: 一个或多个用空格分隔的事件类型和可选的命名空间,如"click"或"keydown.myContainer";selector: 用于过滤器出被选中元素可以触发事件后代元素;data: 当事件触发时,传递事件数据。fn: 事件触发时,执行的函数。
6、 .off(),移除on绑定的事件处理程序.
on事件代理的写法:
$(".info").on("click","span",function(e){
console.log("123");}) //当class名为info的元素下的任何一个span元素进行点击事件操作时,都会代理到.info上。
- jquery 如何展示/隐藏元素?
$(selector).show(); //显示元素
$(selector).hide(); //隐藏元素
$(selector).toggle(); //显示隐藏元素相互切换
jquery 动画如何使用?
答:
$(selector).animate({styles},speed,callback);
styles定义形成动画的css属性(必选项)
speed是完成动画所需要的时间,值可设为 slow ,fast ,毫秒(可选项)
callback是动画完成后所执行的回调函数(可选项).如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
答:
$(selector).html() 获取元素内部html内容$(selector).html(value) 设置元素内部html的内容为value$(selector).text() 获取元素内部文本$(selector).text(value) 设置元素内部文本内容为value(如果带标签,会被解析为字符串输出)如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
答:
$(selector).val() 获取表单用户输入的内容$(selector).val(value) 设置表单的值为value
$(selector).attr(attributeName)获取元素属性 $(selector).attr(attributeName,value) 设置元素属性的值为value$(selector).removeAttr(attributeName) 移除元素属性