首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端基础-jQuery简介

jQuery 第1章 jQuery简介 1.1 JavaScript库的概念 JavaScript开发的过程中,处理浏览器的兼容很复杂而且很耗时,于是一些封装了这些操作的库应运而生。...其中jQuery是最常用的一个 jQuery其实就是一个js文件,里面封装了一大堆的方法方便我们的开发,其实就是一个加强版的common.js,因此我们学习jQuery,其实就是学习jQuery这个js...1.3 jQuery的版本 jQuery版本有很多,分为1.x 2.x 3.x 1.x版本:能够兼容IE678浏览器 2.x版本:不兼容IE678浏览器 1.x和2.x版本jquery都不再更新版本了...1.5 jQuery中顶级对象 jQuery中的顶级对象是$或jQuery 用于: 获取jQuery对象 入口函数(页面加载事件) 高级功能 注意:jQuery中的$和JQuery关键字本身为同一对象;...比如 遍历数组对象的 $.each() 相当于for循环 1.6 jQuery中页面加载事件 使用jQuery的三个步骤: 引入jQuery文件 入口函数(定义页面加载事件) 功能实现 关于jQuery

73410

jQuery 图片查看插件 Magnify 开发简介(仿 Windows 照片查看器)

前言 因为一些特殊的业务需求,经过一个多月的蛰伏及思考,我开发了这款 jQuery 图片查看器插件 Magnify,它实现了 Windows 照片查看器的所有功能,比如模态窗的拖拽、调整大小、最大化,图片的缩放...演示 如果你不想点开网址查看示例的话,可以通过下面的 CodePen 查看插件效果,除了视窗的大小之外,两种方式没有任何区别: See the Pen A jQuery plugin to view images...1.需要引用的文件 Magnify 默认使用 font-awesome 的图标,所以需要引用 font-awesome...手动初始化插件的方法和所有 jQuery 插件一样: $('[data-magnify=gallery]').magnify(options); 参数配置 options = { draggable

3.2K90

jQuery

jQuery 概述 js库:即library,封装好的函数。里面有很多预先封装好的方法。 jQuery就是为了更方便快速操作DOM,里面封装了很多方法,后续用jQuery对象调用这些方法即可。...//DOM加载完成的入口 }) jQuery的顶级对象:$ `是jQuery 别称,在代码中`和jQuery和等价,为了方便都是$。...`是jQuery的顶级对象,相当于原生js中的window,元素通过`包装成jQuery对象,调用jQuery属性和方法。...所以,jQuery 只是对js常用属性和方法进行了封装。 DOM使用原生js方法和属性,jQuery 使用jQuery 属性和方法。...: //直接获取元素即可 $('div'); ---- jQuery常用API jQuery选择器 jQuery 基础选择器 原生 JS 获取元素方式很多,很杂,而且兼容性情况不一致,因此 jQuery

20.9K50
领券