- 关于JavaScript,我上传的代码比较少,因为blue老师讲的很详细,如果大家还想要其他的代码,我可以在发给你们。
- 学完JavaScript之后,我就看了一个黑马的有关jQuery的视频,也把代码和大家分享一下,因为有些css和html要是一点一点的敲的话确实浪费时间了。
笔记
jQuery简介
1.jQuery:就是一个封装了很多方法的JavaScript库
2.学习jQuery就是学习jQuery中封装的一大堆方法
jQuery优点
1.设计的宗旨:write less,do more,即倡导写最少的代码,干最多的事。
2.它封装的方法优化了HTML文档操作,事件处理,动画设计,Ajax交互,简化编程
3.独特的语法,多功能的接口,丰富的插件,兼容各种主流浏览器
原生JS的缺点
1.入口函数window.onload只能有一个,会覆盖
2.api名字太长,太难记
3.有时代码冗余
4.常不兼容
5.容错率低,前面代码出了问题,后面代码也无法执行
如何使用jQuery
1.引入jQuery文件
2.写一个入口函数
3.找到要操作的元素(jQuery选择器),去操作他(添加样式,属性,文本……)
$(document).ready(function () {
$("div").width(100).height(100).css("backgroundColor","red").text("hhhh"); //链式编程
});
官网中下载jQuery文件
jQuery结构 :是一个自执行函数
(function(){
}());
dom对象转换成jQuery对象
var div1=document.getElementById("one");
var $div1=$(div1);
console.log($div1);
jQuery对象转换成dom对象
1.通过下标取
var $divs=$("div");
var div1=$divs[0];
console.log(div1);
2.使用jQuery的方法 get()
var $divs=$("div");
var div2=$divs.get(1); //第一个div
console.log(div2);