目录
-
全局了解jQuery
jQuery是什么？
jQuery是一个快速、简介的JavaScript框架
jQuery的宗旨：“write Less,Do More”,倡导写更少的代码，做更多的事情
jQuery库功能：HTML元素选区、HTML元素操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTML DOM遍历和修改、AJAX、Utilities
为什么要使用jQuery？
jQuery是目前最流行的js框架，可以兼容主流浏览器
-
环境配置（VS）
-
在VS新建一个网站
-
新建一个文件夹，命名为Scripts
-
将js文件放在文件夹中
环境配置完成
书写页面，使用jQuery文件
-
新建一个html页面
-
导入js脚本
在<script type=”text/javascript” src=”js文件地址”> </script>
即可在导入脚本下方使用jQuery
三、认识循环和对象
两个循环
1、map循环
语法：$.map(数组或对象，回调函数);
回调函数有参数，表示循环的数组对象的索引与值
功能：用回调函数处理每一个数组或对象中的元素，然后返回一个新数组。
代码：
//定义一个数组
var arr =[11,22,33,44,55,66,77,88,99];
//使用map循环遍历数字，将偶数乘以2，奇数不变
var new_arr= $.map(arr,function(v,i){
return v*(i%2==0?1:2);
});
//显示这个新的数组
alert(new_arr);
2、each循环
语法：$.each(对象或数组，回调函数);
回调函数的参数是每一个成员的键与值
功能：遍历对象或数组，不返回内容。
停止遍历：使用return false;
dom对象与 jQuery 对象
DOM对象：页面上页面文档树中的节点
JQuery对象：将DOM对象封装后得到jQuery对象
将DOM对象转换成jQuery对象：$(dom对象)；
将jQuery对象转换成DOM对象：
1）如何是一个对象：jq对象[0]或ja对象.get[0]
2）如果是多个对象：jq对象.get() //得到dom数组