1.jQuery简介
jQuery是一个JavaScript函数库。
jQuery 极大地简化了 JavaScript 编程。
jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。
jQuery 的功能概括:
1、html 的元素选取
2、html的元素操作
3、html dom遍历和修改
4、js特效和动画效果
5、css操作
6、html事件操作
7、ajax异步请求方式
目前jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!
jQuery 版本 2 以上不支持 IE6,7,8 浏览器。如果需要支持 IE6/7/8,则选择1.9及以下版本。
通过条件注释在使用 IE6/7/8 时只包含进1.9。
<!--[if lt IE 9]>
<script src="jquery-1.9.0.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="jquery-2.0.0.js"></script>
<!--<![endif]-->
2.jQuery基础语法
$(selector).action() (选择元素然后做什么)
美元符号定义jQuery. 即 $ = jQuery ($和jQuery本身是一个函数)
$() = jQuery() 执行后返回一个 jQuery 对象
$()即创建一个jQuery对象,jQuery中的所有属性和方法都必须通过jQuery对象调用。
文档就绪事件:
1.javascript中原生待加载方式:
window.onload=function(){ //开始js代码
...
}
注:待网页全部加载完毕后(包括图片)再执行,可获取图片的宽高。
只能加载一次,后面写同样函数会覆盖前面。
2.jQuery中待加载方式:
$(document).ready(function(){
//开始写 jQuery 代码...
});
//简写:常用方式
$(function(){
// 开始写 jQuery 代码...
});
注:可以多次执行,不会发生覆盖。(更灵活)
待网页中的DOM结构加载完毕后再执行。(更快,图片还没加载完无法获取图片宽高)
3.关于多库冲突问题
如果其他文件库也使用 $ 符号开头,就会造成冲突。这时哪个在后面引入则 $ 就属于谁。
解决办法:
1.放弃"$"的使用权,书写代码时,用 "jQuery" 代替 "$"。
jQuery.noConflict();
2.再重新定义一个符号代替"$"。
jQuery.noConflict(); //放弃
var @ = jQuery; //重新定义
或直接这样写:
var @ = jQuery.noConflict();