b站 4天从零玩转jQuery【黑马程序员】部分案例代码_简介

• 关于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);