1.说说库和框架的区别?
库:类似于工具集,把特定的函数都封装好 我们只需要在特定的地方调用即可。
框架:类似房子的框架结构,已经实现了基本的功能,我们只需要往里面填充自己的业务逻辑即可。
2.jquery 能做什么?
用更少的代码做更多的事:1.解决不同浏览器的兼容性问题 2.内置了一些遍历方法3.内置了一些jq动画等等
3.jquery 对象和 DOM 原生对象有什么区别?如何转化?
它们有各自的方法和属性
原生转JQ:用$包裹原生JS对象
$(btn)
JQ转原生:JQ对象的第一个
$("button")[0]
4.jquery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?
$("button").click(function(){})
$("button").on("click",function(){})
bind:是直接绑定在元素上,如果有元素是后面添加进来的不会绑定
bind(type,[data],fn)
unbind:是 bind对应的取消绑定
live:是通过冒泡方式给选中的元素绑定一个事件处理函数,支持动态数据 后面添加进来的元素也可以绑定到
live(type,[data],fn)
delegate:给指定的元素添加一个或多个事件处理函数,多用于事件代理,性能优于.live()
delegate(selector,[type],[data],fn)
on:是jq1.7之后 整合了上面三种方式的方法
on(events,[selector],[data],fn)
off:是on对应的取消绑定事件
推荐使用on
给ul绑定click事件 当触发的元素为li时触发
$("ul").on("click","li",function(even){
alert(1)
})
5.jquery 如何展示/隐藏元素?
展示:
$(selector).show()
隐藏:
$(selector).hide()
6.jquery 动画如何使用?
$(selector).animate({params},speed,callback)
第一个参数:必需的 params 参数定义形成动画的 CSS 属性。
第二个参数:可选 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
第三个参数:可选 回调 是动画完成后所执行的函数名称。
7.如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?
获取HTML 内容
$(*selector*).html()
设置HTML 内容
$(*selector*).html(content)
获取文本内容
$(*selector*).text()
设置文本内容
$(*selector*).text(content)
8.如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?
获取表单内容
$(*selector*).val()
设置表单内容
$(*selector*).val(content)
获取元素属性
$(*selector*).attr()
设置元素属性
$(*selector*).attr(content)