jQuery的用法

jQuery简介

jQuery是一个js库，免费开源易用，提供了我们开发中常用到的操作DOM的API，解决了我们使用js操作DOM常遇到的一些问题，强大的选择器，简化我们的操作

jQuery使用前提：

使用前必须从官网https://jquery.com/下载jQuery的压缩包，并且用javascript创建，把压缩后的文档粘贴到js文件中，并且在html网页中引入jQuery.

	<script src="jQuery.js"></script>

jquery中$的用法

$(function(){}):在页面一家载就调用function();

$("#id")：获取对应id的dom元素

$("#id").css("","")改变对应id元素的样式

$("#id").html(str)改变对应id的文本内容

jQuery 与 js对比

html中div
原生Js渲染：

var d1Ele =document.getElementsByTagName('div')[0];
d1Ele.style.color = 'red';

Jquery渲染：

$('div').css('color','blue')

入口函数

$(document).ready(function(){})
    //类似于原生js的window.onload

简写

$(function(){   });

和window.onload的区别
Js入口函数是在所有的文件资源加载完成后，才执行。这些文件资源包括：页面文档、外部的js文件、外部的css文件、图片等。
jQuery的入口函数，是在文档加载完成后，就执行。文档加载完成指的是：DOM树加载完成后，就可以操作DOM了，不用等到所有的外部资源都加载完成。

jQuery对象转换为DOM对象

//方法一
var btn1 = $btn[0]; 

//方法二
var btn2 = $btn.get(0);