jQuery库是什么
jQuery是什么
JavaScript类库
JavaScript类库简称JS库,**是为了简化JavaScript的开发或者是DOM的操作等。**其中一些JS库也会根据特定的场景封装一系列的操作,例如日期控件等。
JavaScript类库会预定义一系列对象和函数,降低开发人员使用JavaScript的难度,**兼容各个浏览器,**提供简单易用的相应的功能。
目前,市面上的JavaScript类库数量众多,我们一般会选用生命周期比较久的,或者市场占有率较高的JavaScript类库使用。
jQuery是什么
jQuery是一个主流的优秀的JavaScript类库,是由John resig在2006年1月创建的。
jQuery库包含核心库、UI、插件和jQuery Mobile等模块。
jQuery凭借着强大的选择器、链式操作以及出色的浏览器兼容性,极大的简化访问和更新HTML页面、DOM操作、事件处理以及执行动画等操作。
“写得少,做的多”
jQuery版本
- 1.xx.x版本:几乎兼容目前市场上的所有浏览器
- 2.xx.x版本:起初不再兼容IE浏览器,后期改为不再兼容IE6/7/8版本
- 3.xx.x版本:不兼容IE6/7/8
工厂函数
工厂函数时作为jQuery操作的一个入口,通过该函数可以实现定位页面元素、将DOM对象包装成jQuery对象,以及创建页面元素等功能。
工厂函数的两种写法:
- $()
- jQuery()
说明:“$”符号与“jQuery”单词的含义一致,这是jQuery核心库的一个约定。
window.jQuery = window.$ = jQuery;
代码:
//DOM操作(返回DOM对象) - 获取页面中的按钮元素var but = document.getElementById('but1');// var but2 = document.getElementById('but2');console.log(but);/*jQuery操作 - 获取页面中的按钮元素jQuery() - 称为jQuery的工厂函数作用 - 该函数是jQuery的一个入口1.用于定位页面元素用法 - 另一种用法是'$()'返回值 - jQuery对象*/var but = jQuery('#but');// var but2 = $('#but');console.log(but)
效果:
DOM对象与jQuery对象
jQuery对象
所谓jQuery对象,就是指由DOM对象对象封装成的对象。
就是,jquery对象的底层逻辑依旧是DOM对象。jQuery对象只是基于DOM对象封装成了一个新的对象,并提供了一系类的属性和方法
jQuery约定
为了更好的分清DOM对象,jQuery对象,我们约定jQuery定义的对象前面加个“$”。这个不是强制的。
//jQuery操作 - 返回变量增加一个前缀“$”var $but = jQuery('#but');var $but = $('#but');
DOM对象与jQuery对象
将DOM对象转换为jQuery对象 - 工厂函数
var but = document.getElementById('but1');//将DOM对象转换为jQuery对象 - 工厂函数var $but = jQuery(but);console.log($but);
将jQuery对象转换为DOM对象
- jQuery对象是一个类数组对象 - jQuery对象[索引值]
- jQuery对象提供了get(index)方法 - index表示索引值
/*将jQuery对象转换为DOM对象jQuery对象是一个类数组对象 - jQuery对象[索引值]jQuery对象提供了get(index)方法 - index表示索引值*/var but1 = $but[0];console.log(but1);var but2 = $but.get(0);console.log(but2);
jQuery库是什么相关推荐
- 判断jQuery库是否被正确引入
监测jQuery库是否正确引入 <script>if(typeof(jQuery)=="undefined"){alert("jQuery is not im ...
- 使用谷歌jquery库文件的理由
使用谷歌jquery库文件的理由 最近看到,那些引用jquery的文件那些网站,好多是使用谷歌的库:像这样的<script type="text/javascript"src ...
- 可想实现一个自己的简单jQuery库?(五)
Lesson-4 这个版本我们要增加一个用的非常多的方法! 那就是each! 我们知道each不仅能遍历数组,还能遍历对象. 首先我们需要一个对数组进行验证的方法 function isArray(o ...
- (0004) H5开发之导入JQuery库以及使用。
1.jquery.min.js与jquery.js有什么区别? min是压缩版,去除了注释和空格,主要是生产环境中使用,不带min是带有注释和空格的,方便阅读源码. 2.哪个版本的jQuery兼容性最 ...
- Aptana 安装jQuery库 智能提示
1.安装Aptana 本人是2.0.5版本的 2.在首页My Studio中 选Plugins 选Ajax 找到Jquery 点Get it 3.安装jquery库后,需要增加jQuey的智能提示 ...
- WordPress制作插件中使用wp_enqueue_script('jquery')库不起作用解决方法
这个应该不是什么新信息,但我却是现在才搞清楚. 今天又是在wordpress调用jquery,情况还是如此.无意中打开wordpress中jquery.js,然后对比code.jquery.com中的 ...
- jQuery 库 - 特性
jQuery 是一个 JavaScript 函数库. jQuery 库包含以下特性: HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数 JavaScript 特效和动画 HTM ...
- 通过CDN引用jQuery库+jQuery的使用+网页实现计算器的功能
jQuery是什么?有什么用? jQuery是javascript库,其实就是一堆的js函数,方便我们来调用,提高我们的开发效率 免费开源,支持主流浏览器,简化选取网页元素的语法,简易的读取设置元素的 ...
- body区域怎么传一个数组_自己轻松写一个jQuery库
jQuery是现在最流行的JavaScript工具库. 据统计,目前全世界57.3%的网站使用它.也就是说,10个网站里面,有6个使用jQuery.如果只考察使用工具库的网站,这个比例就会上升到惊人的 ...
- 第四章 前端开发——JQuery库
第四章 前端开发学习--JQuery库 一.jQuery基础 二.使用选择器获取元素 三.使用筛选器获取元素 四.DOM操作 五.属性和样式操作 六.jQuery事件机制 七.动画效果 八.工具和其他 ...
最新文章
- rman命令学习-tina(下)
- SAE上安装第三方模块
- cf手游服务器维护19年9月19,神雕侠侣2手游9月19日停服维护公告_神雕侠侣2手游9月19日更新了什么_玩游戏网...
- 命名对象实体对象_我的对象命名
- java getrequest_Java Target.getRequest方法代码示例
- Ubuntu apt-get update 失败【转】
- 实现一个输入程序,接收从 键盘读入的字符串。当字符串中所含字符个数少于程序设定的上限时,输出这个字符串;否则抛出MyStringException1异常,在异常处理中要求重新输入新的字符串或者中断程序
- (转)泊松分布和指数分布:10分钟教程
- 贪吃蛇c加加代码_c语言贪吃蛇代码
- 熊猫烧香被恶搞,网友爆笑诗词句大集合
- MonthCalendar
- 双系统启动修复完整解决方案
- RobotStudio动态夹具的创建
- 【软件群英会】 12月1日晚上聊天记录
- android语音识别方法示例代码
- 怎么用vbs代码表白
- shiro学习--day1
- 智能信息处理笔记 遗传算法
- 接口测试--如何分析一个接口?
- mysql二进制日志转sql_MySQL使用二进制日志来恢复数据(转)
热门文章
- 2011计算机考研大,2011年计算机考研大纲
- 看不懂此文,你离亏钱就不远了(炒股心得)
- 机器学习什么显卡_为什么机器学习模型在生产中会退化?
- 成员属性私有化的优点
- GLU-Net代码的理解
- https://camo.githubusercontent.com/a25916ccc96abf4f949ae55a3fc8b0108ac578a8/687474703a2f2f3764396f30
- java学习第188天,javaWeb学习第47天,复习第23天;p257-262(08/21)-4h
- 自动键鼠:全中文脚本
- aaai2020相关论文
- 什么是单元测试(unit testing)