我爱编程

jQuery选择器

2017-04-01  本文已影响0人  Chy18

题目1: 说说库和框架的区别?

库: 类似于小工具的集合,需要用的时候直接调用就可以,作用是简化流程
框架:类似于房子的构架,对其进行填充来创建项目

题目2: jquery 能做什么?

jQuery是一个兼容多浏览器的JavaScript库,核心理念是write less,do more,它的语法设计可以使开发更加便捷,例如操作文档对象、选择DOM元素、制作动画效果、事件处理、使用Ajax等。除此之外,jQuery还提供API让开发者编写插件。总之,使用jQuery能使开发者很轻松的开发出功能强大的静态或动态页面

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

区别:DOM原生对象是个特殊的对象。jQuery对象是一个类数组对象。
转化:
DOM原生转jQuery:$(Element)
jQuery转DOM原生:Element[0]

题目4:jquery中如何绑定事件?bind、unbind、delegate、live、on、off都有什么作用?推荐使用哪种?使用on绑定事件使用事件代理的写法?

// 普通事件绑定,最简单的用法
$('div').on('click', function(e){
    console.log(this);
    console.log(e);
});
// 事件委托或者事件代理,想让div 下面所有的span绑定事件,可以把事件绑定到div上
$('div').on('click', 'span', function(e){
    console.log(this);
    console.log(e);
});

题目5:jquery 如何展示/隐藏元素?

展示:.show([duration ] [,easing ] [,complete ])
隐藏:.hide([duration ] [,easing ] [,complete ])

duration:动画持续多久
easing:表示过渡使用哪种缓动函数,jQuery自身提供"linear" 和 "swing"
complete:在动画完成时执行的函数
没有参数的时候等同于直接设置display属性

 $('#book').hide(300, function() {
alert('Animation complete.');

题目6: jquery 动画如何使用?

$('#clickme').click(function() {
  $('#book').animate({
    opacity: 0.25,
    left: '+=50',
    height: 'toggle'
  }, 5000, function() {
    // Animation complete.
  });
});
$('li').animate({ opacity: .5, height: '50%' }, { step: function(now, fx) {

 var data = fx.elem.id + ' ' + fx.prop + ': ' + now;
 $('body').append('<div>' + data + '</div>');
} });

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

$('span').html()
$('span').html('123')

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

题目9:

demo

题目10:

demo

题目11:

demo

上一篇 下一篇

猜你喜欢

热点阅读