jQuery简单介绍
一、jQuery介绍
- jQuery是一个轻量级的、兼容多浏览器的JavaScript库。
- jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互,能够极大地简化JavaScript编程。它的宗旨就是:“Write less, do more.“
二、jQuery的优势
- 一款轻量级的JS框架。jQuery核心js文件才几十kb,不会影响页面加载速度。
- 丰富的DOM选择器,jQuery的选择器用起来很方便,比如要找到某个DOM对象的相邻元素,JS可能要写好几行代码,而jQuery一行代码就搞定了,再比如要将一个表格的隔行变色,jQuery也是一行代码搞定。
- 链式表达式。jQuery的链式操作可以把多个操作写在一行代码里,更加简洁。
- 事件、样式、动画支持。jQuery还简化了js操作css的代码,并且代码的可读性也比js要强。
- Ajax操作支持。jQuery简化了AJAX操作,后端只需返回一个JSON格式的字符串就能完成与前端的通信。
- 跨浏览器兼容。jQuery基本兼容了现在主流的浏览器,不用再为浏览器的兼容问题而伤透脑筋。
- 插件扩展开发。jQuery有着丰富的第三方的插件,例如:树形菜单、日期控件、图片切换插件、弹出窗口等等基本前端页面上的组件都有对应插件,并且用jQuery插件做出来的效果很炫,并且可以根据自己需要去改写和封装插件,简单实用。
三、jQuery内容
- 选择器
- 筛选器
- 样式操作
- 文本操作
- 属性操作
- 文档处理
- 事件
- 动画效果
- 插件
- each、data、Ajax
下载链接:jQuery官网
中文文档:jQuery AP中文文档
四、jQuery版本
- 1.x:兼容IE678,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日)
- 2.x:不兼容IE678,很少有人使用,官方只做BUG维护,功能不再新增。如果不考虑兼容低版本的浏览器可以使用2.x,最终版本:2.2.4 (2016年5月20日)
- 3.x:不兼容IE678,只支持最新的浏览器。需要注意的是很多老的jQuery插件不支持3.x版。目前该版本是官方主要更新维护的版本。
维护IE678是一件让人头疼的事情,一般我们都会额外加载一个CSS和JS单独处理。值得庆幸的是使用这些浏览器的人也逐步减少,PC端用户已经逐步被移动端用户所取代,如果没有特殊要求的话,一般都会选择放弃对678的支持。
五、jQuery对象
jQuery对象就是通过jQuery包装DOM对象后产生的对象。jQuery对象是 jQuery独有的。如果一个对象是 jQuery对象,那么它就可以使用jQuery里的方法:例如$(“#i1”).html()。
$("#i1").html()
的意思是:获取id值为 i1
的元素的html代码。其中 html()
是jQuery里的方法。
相当于: document.getElementById("i1").innerHTML;
虽然 jQuery对象
是包装 DOM对象
后产生的,但是 jQuery对象
无法使用 DOM对象
的任何方法,同理 DOM对象
也没不能使用 jQuery
里的方法。
一个约定,我们在声明一个jQuery对象变量的时候在变量名前面加上$:
var $variable = jQuery对像 var variable = DOM对象 $variable[0]//jQuery对象转成DOM对象
拿上面那个例子举例,jQuery对象和DOM对象的使用:
$("#i1").html();//jQuery对象可以使用jQuery的方法 $("#i1")[0].innerHTML;// DOM对象使用DOM的方法
六、jQuery基础语法
$(selector).action() 使用$("选择器").方法
<html>
<head><script src="//code.jquery.com/jquery-1.11.3.min.js"></script> ... </head> <body> ... </body> </html>
转载于:https://www.cnblogs.com/weihengblog/p/8882930.html
jQuery简单介绍相关推荐
- 关于JQuery简单介绍
jQuery是一个兼容多浏览器的javascript库,核心理念是写得更少,做得更多.如今,jQuery已经成为最流行的javascript库,在世界前10000个访问最多的网站中,有超过55%在使用 ...
- jQuery的简单介绍
jQuery的简单介绍 /* *JavaScript框架库:就是一个普通的js文件,封装了很多的函数,封装了很多兼容的代码 *jQuery是JavaScript框架库中的一种 *jQuery的 ...
- jQuery框架简单介绍
jQuery框架介绍 1. jQuery框架与javaScript之间的有什么关系? 2. jQuery与原生javaSript对比,有什么优点? 3. jQuery与javaScript之间的区别是 ...
- jQuery课程介绍、Query的介绍、Query初次体验、jQuery再次体验、jQuery中的顶级对象
jQuery课程介绍 <!DOCTYPE html> <html lang="en"> <head><meta charset=" ...
- php $rs1- gt eof,PHP_PHP速成大法,简单介绍一下PHP的语法
1、嵌 - phpStudy
PHP速成大法 简单介绍一下PHP的语法 1.嵌入方法: 类似ASP的,当然您也可以自己指定. 2.引用文件: 引用文件的方法有两种:require 及 include. require 的使用方法如 ...
- jQuery简单插件开发
jQuery简单插件开发 jQuery有非常强大的扩展性,开发者可以简单的使用jQuery开发自己的插件运用于应用中.jQuery可以理解为一个强大的JavaScript类,jQuery选择器选择到的 ...
- bankbone 模型简单介绍
bankbone 模型简单介绍 backbone是基于MVC模型实现的一款前端框架,在backbone中强化了模型和视图模块,弱化了控制器模块. backbone中用户可以通过控制视图触发事件,可以通 ...
- 简单介绍Javascript匿名函数和面向对象编程
忙里偷闲,简单介绍一下Javascript中匿名函数和闭包函数以及面向对象编程.首先简单介绍一下Javascript中的密名函数. 在Javascript中函数有以下3中定义方式: 1.最常用的定义方 ...
- jQuery基本介绍
typora-copy-images-to: images typora-root-url: images jQuery基本介绍 什么是jQuery? jQuery是一个快速的.轻量的.功能丰富的js ...
最新文章
- ElementUI中的el-table中实现动态添加一行、删除一行、清空所有行
- 学习opengl(起步)
- HDU4462-稻草人
- java程序员被误导的一个概念,Set也可以有序
- xhr返回值_XMLHttpRequest发送POST、GET请求以及接收返回值
- idea中下载插件超时_完美解决idea无法搜索下载插件的问题
- python函数参数定义顺序_18 Python - 函数定义与参数
- android:layout_weight属性详解 (转)
- Application.messagebox对话框样式
- mysql 查询商品列表 显示tag_008商城项目:商品列表查询-查出商品并且分页
- java考试系统倒计时的实现_(Java程序设计)第11章设计考试系统中的倒计时.ppt
- 双12使用腾讯云WAF反羊毛党、黄牛党战纪全记录
- 为RK3399,树莓派等开发板安装安卓、Linux等系统
- Fresco之强大之余的痛楚
- 应用服务器和数据库服务器有什么区别
- DGIOT物联网平台简介
- vb.net 教程 7-1 本地网络信息的获取 3 网络连接信息
- ECharts提示框数字保留两位小数
- 员工主动提出加班,公司要支付加班费吗?
- 数据库关系模型有哪三类完整性约束?