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);