【jquery详细讲解】
(一)、什么是jQuery
jQuery 是对javascript的一种封装--js的函数库。
用于客户端的开发,由美国人在2001年1月推出。
(二)、jQuery 与javascript的区别:
1、本质上的区别:
jQuery是一个函数库,基于js语言编写出来的框架,实质上还是属于js。
2、代码书写不同, jq更简单。
3、使用方法不同:
使用jQuery和javascript 分别加载DOM, js只执行一次,jq可以执行多次。
4、获取class的方法不同。
js没有默认的获取方式,jq可以通过$(".类名")来获取
(三)、jQuery的优势:
a , 轻量级
b, 对浏览器的兼容性好
c, 强大的选择器
d, 完善的ajax
e, 丰富的API文档和插件等
(四)、熟悉使用jQuery
1、首先获取相关的js文件 官网,百度(已提供)
最新版: 3.3.1几 常用参考API
* jquery-xxx.js 与 jquery-xxx.min.js区别:
1). jquery-xxx.js:开发版本。给程序员看的,有良好的缩进和注释。体积大一些
2). jquery-xxx.min.js:生产版本。没有缩进。体积小一些。程序加载更快
2、引用 在页面上引用js文件
3、基本使用语法: $("选择器名").操作
4、jQuery的文档就绪(加载)三种写法:
$(document).ready(function(){
选择对象进行操作
});
$().ready(function(){
选择对象进行操作
});
$(function(){ // 此方法最简洁
选择对象进行操作
});
(五)、window.onload 和 $(function) 区别
* window.onload 只能定义一次,如果定义多次,后边的会将前边的覆盖掉
* $(function)可以定义多次的。
(六)、五、掌握jQuery对象与DOM对象的异同
什么是jQuery对象?
通过jQuery包装DOM(文档)对象后产生的对象,凡是在$("")中的都属于jQuery对象。
什么是DOM对象?
页面中元素的集合就是文档对象。
注意1:
jQuery对象与文档对象不能混合使用。
jQuery对象不能使用文档对象的属性及方法,同理文档对象也是。
注意2: DOM(文档)对象与jQuery对象是可以相互转换的
a、 js-jq
在dom对象的最外层用$()进行包裹即可。
b、jq-js
先获取jq对象: var $jq=$("选择器名");