jquery DOM&事件

本教程版权归小圆和饥人谷所有,转载须说明来源

问答

1. 说说库和框架的区别?

可以理解为若干功能的集合,要什么可以直接取;
框架更强调整体提供给使用者一种解决方案,而非简单的工具集的概念,框架可以提供相应的库或者基于库来实现,但库一般不会具备框架的规范性。

2. jquery 能做什么?

  • 方便快捷获取DOM元素
  • 动态修改页面样式
  • 动态改变DOM内容
  • 响应用户的交互操作
  • 为页面添加动态效果
  • 统一Ajax操作
  • 简化常见的JavaScript任务

3. jquery 对象和 DOM 原生对象有什么区别?如何转化?

区别:JQuery对象就是通过jQuery包装DOM原生对象后产生的对象。JQuery对象是jQuery独有的,其可以使用jQuery里的方法,但是不能使用DOM的方法。

转化:
DOM原生对象一般可以通过 $() 转换成jquery对象:

$(document.getElementById("msg"));

由于jquery对象本身是一个集合。所以如果jquery对象要转换为dom对象则必须取出其中的某一项,一般可通过索引 [] 取出:

$("#msg")[0],
$("div").eq(1)[0],
$("div").get()[1],
$("td")[5]

4. jquery中如何绑定事件?bindunbinddelegateliveonoff都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?

bind() 向匹配元素附加一个或更多事件处理器

$('a').bind('click', function() { 
    alert('绑定事件');
});

unbind() 从匹配元素移除一个被添加的事件处理器

$('a').unbind('click',function(){
    alert('移除事件');
});

delegate() 向匹配元素的当前或未来的子元素附加一个或多个事件处理器

$('container').delegate('a','click',function(){
    alert('子元素绑定事件');
});

live():任何时候只要有事件冒泡到document节点上,它就查看该事件是否是一个click事件,以及该事件的目标元素与’a’这一CSS选择器是否匹配,如果都是的话,则执行函数

$('a').live('click', function() { 
    alert('查询冒泡事件');
});

on() live方法被废弃,on事件绑定把上面三种方法统一了,用起来更方便

// Bind
$( "#members li a" ).on( "click", function( e ) {} ); 
$( "#members li a" ).bind( "click", function( e ) {} ); 

// Delegate
$( "#members" ).on( "click", "li a", function( e ) {} ); //注意子元素参数位置
$( "#members" ).delegate( "li a", "click", function( e ) {} );

5. jquery 如何展示/隐藏元素?

//隐藏元素
$(selector).hide(speed,callback);
//展示元素
$(selector).show(speed,callback);

可选的 speed 参数规定隐藏/显示的速度,可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是隐藏或显示完成后所执行的函数名称。

6. jquery 动画如何使用?

jQuery animate() 方法用于创建自定义动画。

$(selector).animate({params},speed,callback);

必需的 params 参数定义形成动画的 CSS 属性。
可选的 speed 参数规定效果的时长。它可以取以下值:"slow"、"fast" 或毫秒。
可选的 callback 参数是动画完成后所执行的函数名称。

7. 如何设置和获取元素内部 HTML 内容?如何设置和获取元素内部文本?

html() 设置或返回所选元素的内容(包括 HTML 标记)
text() 设置或返回所选元素的文本内容

8. 如何设置和获取表单用户输入或者选择的内容?如何设置和获取元素属性?

val() 设置或返回表单字段的值
attr() 设置或返回元素的属性

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答 说说库和框架的区别? 库为 Library ( 简写 Lib ),框架为 Framework。 库是将代码集...
    coolheadedY阅读 222评论 0 1
  • 1.说说库和框架的区别? 库主要是封装了某些函数的集合。框架也是。使用库是指,你的代码决定什么时候从库中调用一个特...
    墨月千楼阅读 421评论 0 2
  • 问答 1.说说库和框架的区别? 类库(Class Library):类库就是一些类的集合,只要我们将一些可以复用的...
    鸿鹄飞天阅读 279评论 0 1
  • 问答: 1.说说库和框架的区别? 库就是一些已经封装好了的函数,这些函数可以实现特定的效果,只需要在使用的时候用少...
    饥人谷_任磊阅读 255评论 0 1
  • 问答部分 一、说说库和框架的区别? 库~是一个提供了封装好很多方法的工具,在这个工具里面,用与不用都是由你决定,控...
    dengpan阅读 359评论 1 2