库和框架的区别?
库是一个数据仓库,里面放了各种可以利用的API,由于库的内部已经做了各种底层的封装和各种兼容实现,因此可以调用提供的API接口来实现我们需要的功能,而不需要复杂的代码和加工,因此使代码得到优化,效率提高
框架相当于一个模板,用来搭建一个项目的最基层的部分,框架内部可以根据不同项目的需要填入不同的内容。
jquery 能做什么?
1.方便快捷获取DOM元素
2.动态修改页面样式
3.动态改变DOM内容
4.响应用户的交互操作
5.为页面添加动态效果
6.统一Ajax操作
7.简化常见的JavaScript任务。
jquery 对象和 DOM 原生对象有什么区别?如何转化?
- jquery 对象是类数组,DOM 原生对象就是普通的对象
2.jquery对象只能用jquery属性和方法,DOM 原生对象只能用js属性和方法
jquery→js:$("#btn")→$("#btn")[0]
js→jquery:btn→$('btn')
jquery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
bind:JQuery扫描文档找出所有的$(‘a’)元素,并把函数绑定到每个元素的click事件上。
$("a").bind('click',function (e){ console.log(e) })
unbind:接触绑定的事件
$("a").unbind('click',function (e){ console.log(e) })
delegate:指定的元素(属于被选元素的子元素)添加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
使用 delegate() 方法的事件处理程序适用于当前或未来的元素(比如由脚本创建的新元素)。
$(selector).delegate(childSelector,event,data,function)
live:live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
$(selector).live(event,data,function)
on:为指定的元素添加一个或多个事件,并规定当这些事件发生时运行的函数。
$(selector).on(event,childSelector,data,function,map)
off:解除on绑定的事件,(可以通过命名空间来解除特定的事件例如“click.active”)
$(selector).off(event,selector,function(eventObj),map)
推荐使用on、off,功能最强大最方便。
on代理事件写法:
$("#box").on("click","li",function(e){ console.log(e) })
jquery 如何展示/隐藏元素?
$(selector).hide(speed,callback)
$(selector).show(speed,callback)
可选的 speed 参数规定隐藏/显示的速度,可以取"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。
jquery 动画如何使用?
语法:
$(selector).animate({params},speed,callback);
必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。
例:
$("button").click(function(){ $("div").animate({left:'250px'}); });
如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
$("#btn").html();
$("#btn").text();
如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
1.如何设置和获取表单用户输入或者选择的内容?
$("input").val();
2.如何设置和获取元素属性?
如果传入属性名称,则获取元素该属性的值;如果同传入属性名称和新的属性值,则可以将该属性设置为指定值。例如:
$('#img').attr('src') //获取id为img的元素的src属性的值
$('#img').attr('src','www.baidu.com/img/bd_logo1.png')
题目9:
https://shaozhiyuan.github.io/blog/%E5%AF%BC%E8%88%AA%E6%A0%8F
题目10:
https://shaozhiyuan.github.io/blog/%E9%A2%98%E7%9B%AE10
题目11:
https://shaozhiyuan.github.io/blog/%E8%BF%9B%E9%98%B614%E9%A2%98%E7%9B%AE11
网友评论