jQuery
jQuery是JavaScript的一套查询类库
jQuery的绑定单击事件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!--引入jQuery库-->
<script type="text/javascript" src="../static/script/jquery-3.4.1.min.js" ></script>
<script type="text/javascript">
$(function () { //相当于原来的window.onload = function(){}
var $btnObj = $("#btn"); //相当于var $btnObj=document.getElementById("btn")
$btnObj.click(function () {
alert("jQuery!");
})
})
</script>
</head>
<body>
<button id="btn">阿牛</button>
</body>
</html>
Some Questions
- 使用jQuery前要先引入jQuery库
通过一个单独的script标签
-
jQuery的$是一个函数,称之为核心函数
-
为按钮添加响应函数步骤
- 使用jQuery查询到标签对象
- 标签对象.click(function(){ })
核心函数$()
- 传入参数为 -函数- 时:表示页面加载完成之后,相当于window.onload=function(){}
- 传入参数为 -HTML字符串- 时:会创建这个标签对象
- 传入参数为 -选择器字符串- 时:
- $("#id属性值"):id选择器 根据id查找对象
- $("标签名"):标签选择器 根据标签名查找对象
- $(".class属性值"):类选择器 根据类名查找对象
jQuery对象的本质是什么?
元素为dom对象的数组+jQuery提供的一系列函数
---$(document).ready(function(){})是$(function(){})的完整写法---