前端基础搬运工-jQuery模块

五、jQuery模块

基础部分

1. 谈谈你对jQuery的理解?

  - [ ] JQuery 是继 prototype 之后又一个优秀的 Javascript 库。它是轻量级的js 库 ,它

        兼容 CSS3,还兼容各种浏览器(IE 6.0+,FF1.5+,Safari 2.0+,Opera 9.0+),jQuery2.0

        及后续版本将不再支持 IE6/7/8 浏览器。jQuery 使用户能更方便地处理 HTML(标准通用

        标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供 AJAX 交互。

        jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,

        同时还有许多成熟的插件可供选择。jQuery 能够使用户的 html页面保持代码和 html 内容

        分离,也就是说,不用再在 html里面插入一堆 js 来调用命令了,只需要定义 id即可。

        jQuery 是一个兼容多浏览器的 javascript 库,核心理念是write less,do more(写

        得更少,做得更多)。 jQuery是免费、开源的,使用 MIT 许可协议。jQuery 的语法设

        计可以使开发更加便捷,例如操作文档对象、选择 DOM 元素、制作动画效果、事件处理、

        使用 Ajax 以及其他功能。除此以外,jQuery 提供 API让开发者编写插件。其模块化的使

        用方式使开发者可以很轻松的开发出功能强大的静态或动态网页。

2. 、原生JS的window.onload与Jquery的$(document).ready(function

  () {}),$(function () {})有什么不同?

  - [ ] 1.执行时间 window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 $(document).ready()是 DOM 结构绘制完毕后就执行,不必等到加载完毕。

          2.编写个数不同 window.onload不能同时编写多个,如果有多个 window.onload 方法,只会执 行一个 $(document).ready()可以同时编写多个,并且都可以得到执行

        3.简化写法 window.onload没有简化写法

        $(document).ready(function (){})

        可以简写成$(function(){});

3. jQuery一个对象可以同时绑定多个事件,是如何实现的?

  - [ ] jQuery可以给一个对象同时绑定多个事件,低层实现方式是使用addEventListner或attachEvent兼容不同的浏览器实现事件的绑定,这样可以给同一个对象注册多个事件。

4. jQuery.fn的init方法返回的this指的是什么对象?为什么要返回this?

  - [ ] this执行init构造函数自身,其实就是jQuery实例对象,返回this是为了实现jQuery的链式操作

5. jQuery.extend和jQuery.fn.extend有什么区别?

  - [ ] Jquery.extend用来扩展jQuery对象本身;jquery.fn.extend用来扩展jQuery实例

实际工作部分

1. jQuery框架中$.ajax()的常用参数有哪些?写一个post请求并带有发送数据和返回数据的样例?

  - [ ] async是否异步

        url请求地址

        contentType发送信息至服务器时内容编码类型

        data发送到服务器的数据

        dataType预期服务器返回的数据类型

        type请求类型

        success请求成功回调函数

        error请求失败回调函数

        $.ajax({

                    url: "/jquery/test1.txt",

                    type: 'post',

                    data: { id: 1 },

                    success: function ( data ) { alert(data); }

                })

2. 举一下jquery中的函数,这些函数实现链式编程的原理?

  - [ ]    toggle(fn, fn)

            $(“td”).toggle(

            function(){

            $(this).addClass(“selected”);

            },

            function(){

            $(this).removeClass(“selected”);

            )

            实现函数链式编程的原理:返回自身,其他过程在函数内部实现,其好处是:节约js代码,返回的是同一个对象,提高代码的效率。

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

推荐阅读更多精彩内容

  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 5,206评论 0 2
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 4,905评论 0 1
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,981评论 1 45
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,378评论 2 17
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,154评论 0 2