write less,do more(写的更少,做的更多)–jQuery官方
一.jQuery的介绍
1.什么是jQuery?为什么要使用jQuery?
jQuery是一款优秀的js的库,从命名可以看出jQuery最主要的用途是做查询(jQuery=js+Query),使用jQuery能让我们对HTML文档遍历和操作,事件处理,动画以及Ajax变得更简单。
2.jQ的导入
因为jQ是js的库,所以导入方法一致。
<script src="//jQ库的路径"></script>
二.jQuery与javascript的区别
1.jQuery的入口函数与js的入口函数
//jQ标准入口函数
$(document).ready(function(){//书写代码});
//js标准入口函数
window.onload=function(){//书写代码};
2.jQuery的加载模式与js加载模式的区别
js代码的执行时间是在页面的dom元素和图片加载完之后执行,而jQ执行时间是在dom元素加载完执行,不会等到图片加载完。(仅限1.x版本左右,3.x版本的jQ执行时间与js一致,2.x版本我不知道)
3.js和jQ在有两个入口函数的执行时的区别
(1)js在执行入口函数时,后写的入口函数中的内容会覆盖掉先写的。
(2)jQ在执行入口函数时,将会依次执行
三.jQuery的使用
1.jQuery入口函数的其他写法
//1
$(document).ready(function(){});
//2
jQuery(document).ready(function(){});
//3(推荐)
$(function(){});
//4
jQuery(function(){});
2.jQuery冲突问题
问题起因:$符号实际上是jQuery的缩写,为了让用户写的更少,做的更多。所以当你引用了两个同样使用了该符号的库而这两个库让该符号代表的东西不同,就会出现冲突问题。
解决方法:
//(1)jQ中提供了释放$使用权的方法。使用了该方法后$将不再代表jQuery
jQuery.noConflict();
//(2)自定义访问符号 e=你想让jQuery代表的符号
var e =jQuery.noConflict();
3.jQ的核心函数的用法及jQ的对象
(1)jQ的核心函数
//jQ核心函数的调用写法
$