JQuery简述
JQuery各版本下载
是一个JavaScript框架,对JavaScript进行了封装。
它封装了JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。
以后简称JQ
JQ的引入
JQ位于一个JavaScript文件中,包含了所有的JQ函数。通过src把JQ添加到网页中
代码示例
<script type="text/javascript" src="../js/jquery-3.3.1.js" ></script>
JQ选择器
JQ选择器如何准确的选取我们希望应用效果的元素:
JQ元素选择器和属性选择器允许通过标签名、属性名或内容对HTML元素进行选择。
选择器允许我们对HTML元素数组或单个元素进行操作
JQ元素选择器
jQuery三种基本选择器:
- id选择器 $("#id名")
- 类选择器 $(".类名")
- 元素选择器 $(“元素名”)
JQ对象和JS对象的互转
JQ对象转JS对象: var js = jq[0];
JS对象转JQ对象:var jq = $(js);
页面加载完成时执行代码
方式一:
$(document).ready(function(){
alert("页面加载完成执行!");
})
方式二:推荐使用
$(function(){
alert("页面加载完成!");
})