美文网首页我爱编程
任务25-JQuery DOM&事件

任务25-JQuery DOM&事件

作者: 咸吧 | 来源:发表于2016-08-24 06:35 被阅读0次

    问答

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

    库Library ( 简写 Lib ),库是将代码集合成的一个产品,供程序员调用。
    框架( Framework),是为解决一个(一类)问题而开发的产品,框架用户一般只需要使用框架提供的类或函数,即可实现全部功能。可以说,框架是库的升级版。开发者在使用框架的时候,必须使用这个框架的全部代码。
    使用库是指,你的代码决定什么时候从库中调用一个特定的方法;使用框架则是,你实现了一些回调方法,到了特定的时候框架会去调用这些方法。

    2、JQuery能做什么?

    1.提供了强大的功能函数
    2.解决浏览器兼容性问题
    3.实现丰富的UI
    4.纠正错误的脚本知识

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

    区别:  
    1.jquery选择器得到的jquery对象和标准的 javascript中的document.getElementById()取得的dom对象是两种不同的对象类型,两者不等价;  
    2.jQuery无法使用DOM对象的任何方法,同理DOM对象也不能使用jQuery里的方法. 乱使用会报错。
    转化:
    1.将jQuery转换为dom对象的方法 [index] 或者.get(index):
    a、$(“#form”)[index] ,该方法获取form元素的dom对象
    b、$(“#form”).get(index)
    2.将js的dom对象转换为jQuery对象,对于已经是一个DOM对象,只需要用$()把DOM对象包装起来,就可以获得一个jQuery对象了。$(DOM对象) :
    Var a=document.getElementById(“form”);
    $a=$(a);

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

    bind:方法为被选元素添加一个或多个事件处理程序,并规定事件发生时运行的函数。
    bind将会给所有匹配的元素都绑定一次事件,当元素很多时性能会变差。而且后来动态新增的元素不会被绑定。

    .bind( eventType [, eventData ], handler )
    

    unbind:该方法能够移除所有的或被选的事件处理程序,或者当事件发生时终止指定函数的运行。unbind() 适用于任何通过 jQuery 附加的事件处理程序。
    如果没有规定参数,unbind() 方法会删除指定元素的所有事件处理程序。

    .unbind( eventType [, handler ] )
    

    delegate:
    它将事件处理函数绑定在指定的根元素上,由于事件会冒泡,它用来处理指定的子元素上的事件。

    .delegate( selector, eventType[, eventData], handler )
    

    live:方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。

    .live( events [, data ], handler 
    

    以上三种事件绑定方法在jQuery1.8之后都不推荐使用,官方在1.9时已经取消使用live()方法了,所以建议都使用on()方法。

    //如果你需要移除on()所绑定的方法,可以使用off()方法处理。
    $(document).ready(function(){
      $("p").on("click",function(){
        $(this).css("background-color","pink");  
    });  
          $("button").click(function(){
        $("p").off("click");
      });});
    //如果你的事件只需要一次的操作,可以使用one()这个方法
    $(document).ready(function(){
      $("p").one("click",function(){
        $(this).animate({fontSize:"+=6px"});
      });});
    

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

    展示/隐藏元素 主要是 show()和hide()方法。

    show()使指定的隐藏元素可见。
    .show(speed,callback),speed 以毫秒为单位,也可以使用指定的字符串** 'slow'=600ms , 'normal' =400ms ,'fast' =200ms,如果省略,默认的就是normal**
    callback 回调,当动画完成时调用的函数
    .hide(speed,callback)作用功能和show()相反。

    .toggle(speed,callback) 在元素的展示/隐藏之间进行切换
    还有两个渐显,渐隐的方法是 fadeIn(speed,callback) 和fadeOut(speed,callback),它们是改变字体透明度而实现的。

    6、jquery 动画如何使用?

    animate() 根据指定的css属性和使用缓和参数来控制自定义动画
    animate(properties[,speed][,easing][,callback])
    properties css 属性 eg. {left:300}
    speed 动画持续时间 slow、normal、fast 、xxms
    easing (缓和)是一个函数(可选),控制动画随着时间如何进行。它需要一个插件。有两个缓和函数:linear(线性),swing(摆动)。默认swing。
    callback 回调。

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

    获取HTML:$(selector).html(); 类似于JavaScript中的innerHTML属性
    设置HTML:$(selector).html("content");
    获取内部文本:$(selector).text(); 类似于JavaScript中的innerText属性
    设置内部文本:$(selector).text("content");

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

    获取匹配元素的当前(输入/选择)值,如果多选,将返回一个数组,其包含所选的值。

    $(selector).val()
    

    设置和获取元素属性

    $(selector).attr(attribute[,value])
    

    value参数选填,未填为查找,填写后将属性值改为value。

    相关文章

      网友评论

        本文标题:任务25-JQuery DOM&事件

        本文链接:https://www.haomeiwen.com/subject/ipinsttx.html