美文网首页
jQuery入门

jQuery入门

作者: 蜗牛和曼巴 | 来源:发表于2018-10-31 23:45 被阅读0次

jquery的简单描述
jQuery是js的一个库,封装了我们开发过程中常用的一些功能,方便我们来调用,提高了我们的开发效率。


学习jquery主要是学习什么
主要学习如何来使用jQuery操作DOM,其实就是学习jQuery封装好的那些功能方法,
这些方法叫做API(Application Programming Interface应用程序编程接口)。
这些API的共同特点是:几乎全都是方法。所以,在使用jQuery的API时,都是方法调用,
也就是说要加小括号(),小括号里面是相应的参数,参数不同,功能不同。


如何使用jquery
1.引用jQuery文件
2.入口函数
3.功能实现代码(事件处理)


jquery版本
1.x版本兼容IE678,但相对于其他版本来说文件较大,官方是做BUG维护,功能不再更新。
2.x不兼容IE678
3.X不兼容IE678


同版本下两个文件的区别(压缩版和为压缩版)
min:压缩版,压缩过后,体积会更小
压缩指的是:把注释、空格、换行全部去掉,把变量名称尽可能的换成更加简短的字符。
压缩的主要目的:就是让文件变的更小。
两个文件的选择建议:
平时开发过程中,这两个文件使用哪个都可以;但是,项目上线的时候,推荐使用压缩版。


jquery的入口函数(有很多种,这里只写常用的)

$(function(){
    // 功能代码
});

jquery的入口函数和JS原生入口函数的区别
1.书写个数不同
JS原生入口函数只能写一次,出现多次后面编写的会覆盖前面编写的。
jquery入口函数可以编写多个,不会出现覆盖问题。
2.执行时机不同
原生的JS入口函数是等所有的资源加载完毕之后才会执行。(页面文档、外部的js文件、外部的css文件、图片等)
jquery是等文档加载完成就可以执行。(DOM树加载完成后,就可以操作DOM了,
不用等到所有的外部资源都加载完成。)


jquery中的符号 jquery中的符号是一个函数
Query里面的函数,根据传入参数的不同,进行不同的调用,实现不同的功能。返回的是jQuery对象 Query函数跟函数的关系:jQuery === $


jquery对象和DOM对象相互转换
jQuery对象转换成DOM对象:

// 方式一
var btn1 = $btn[0]; // 此时就把jQuery对象$btn转换成了DOM对象btn1 (推荐使用此方式)
// 方式二
var btn2 = $btn.get(0);// 此时就把jQuery对象$btn转换成了DOM对象btn2

以上两种方式都要记住,使用哪一种都可以。

所有这些,都体现了jQuery对js的封装!

相关文章

  • jQuery入门及选择器篇

    1、jQuery入门 1.1、什么是jQuery? jQuery是一个JavaScript函数库。jQuery是一...

  • Web前端JQuery入门实战案例

    前端jquery入门到实战 为什么要学习Jquery?因为生活。 案例: 使用jquery案例: jquery 快...

  • jQuery Mobile入门

    jQuery Mobile入门 下载 http://jquerymobile.com/ 什么是jQuery Mob...

  • JQuery 操作手册

    1-1主要内容 1、快速入门2、JQuery概念3、JQuery选择器4、JQuery动画5、JQuery DOM...

  • JQuery

    JQuery 基础:概念快速入门JQuery对象和JS对象区别与转换选择器DOM操作案例 JQuery 基础: 概...

  • java基础-day59-Jquery

    jQuery入门 1)了解jQuery的背景和特点2)理解js对象和jQuery对象的区别 4)js对象和jQue...

  • jQuery进阶

    前言: 在《jQuery入门》一文中,记录了jQuery选择器、属性与样式和DOM操作等内容,本文将对jQuery...

  • JQuery 和CSS 选择器对比

    学习前端大名鼎鼎的JQuery,入门肯定都是学习JQuery的选择器,大多数教程都会说JQuery能使用CSS的选...

  • jQuery 简介

    本教程我们来学习 JQuery 的基础入门知识。JQuery 是一个快速、简洁的 JavaScript 框架,是继...

  • jQuery 简介

    本教程我们来学习 JQuery 的基础入门知识。JQuery 是一个快速、简洁的 JavaScript 框架,是继...

网友评论

      本文标题:jQuery入门

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