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

  1. 使用jQuery前要先引入jQuery库
    通过一个单独的script标签

  1. jQuery的$是一个函数,称之为核心函数

  2. 为按钮添加响应函数步骤

  • 使用jQuery查询到标签对象
  • 标签对象.click（function(){ }）

核心函数$()

  1. 传入参数为 -函数- 时：表示页面加载完成之后，相当于window.onload=function(){}
  2. 传入参数为 -HTML字符串- 时：会创建这个标签对象
  3. 传入参数为 -选择器字符串- 时：
  • $("#id属性值")：id选择器　根据id查找对象
  • $("标签名")：标签选择器　根据标签名查找对象
  • $(".class属性值")：类选择器　根据类名查找对象

jQuery对象的本质是什么？
元素为dom对象的数组+jQuery提供的一系列函数

---$(document).ready(function(){})是$(function(){})的完整写法---

posted @ 2021-10-19 20:42  这个世界会好的  阅读(31)  评论(0)    收藏  举报