首页 > 其他分享 >$("选择器").on详细用法

$("选择器").on详细用法

时间:2023-08-16 14:58:04浏览次数:31  
标签:function class 绑定 用法 事件 详细 按钮 选择器

$("选择器").on(事件, 函数)是jQuery中绑定事件的方法,其详细用法如下:

  • "选择器":表示要绑定事件的元素,可以是元素的id、class、标签名、属性名等。
  • 事件:表示要绑定的事件类型,比如click、mouseover、keydown等。
  • 函数:表示要执行的事件处理函数,可以是匿名函数或者已经定义好的函数。

使用$(document).ready()方法可以确保在文档加载完后再执行绑定事件的操作。

例子:

$(document).ready(function() {
    $("button").on("click", function() {
        console.log("按钮被点击了");
    });

    $(".box").on("mouseover", function() {
        $(this).addClass("highlight");
    });
});

以上代码会在文档加载后绑定一个按钮的点击事件和鼠标悬停事件。当按钮被点击时,会打印出"按钮被点击了";当鼠标悬停在具有"class='box'"的元素上时,该元素会添加一个名为"highlight"的class。

标签:function,class,绑定,用法,事件,详细,按钮,选择器
From: https://www.cnblogs.com/hellohui/p/17633983.html

相关文章

  • 浏览器中输入:“www.learnjava.com”之后都发生了什么?请详细阐述
    当在浏览器中输入"www.woaijava.com"并按下回车后,会依次发生以下步骤:域名解析:浏览器首先会将输入的域名"www.woaijava.com"解析为对应的IP地址。它会查询本地DNS缓存,如果找不到,则会向域名服务器发起请求。DNS查询:如果本地DNS缓存中没有对应的IP地址,浏览器会......
  • 基于Jenkins+Python+Ubuntu+Docker的接口/UI自动化测试环境部署详细过程
    (基于Jenkins+Python+Ubuntu+Docker的接口/UI自动化测试环境部署详细过程)1Jenkins是什么?学习官网:Jenkins官网,Jenkins中文官网;Jenkins是一款开源CI&CD软件,用于自动化各种任务,包括构建、测试和部署软件;用Java语言编写的,可在Tomcat、Docker等流行的容器中运行,也可独立运行。......
  • Python教程(9)——Python变量类型列表list的用法介绍
    (目录)在Python中,列表(list)是一种有序、可变的数据结构,用于存储多个元素。列表可以包含不同类型的元素,包括整数、浮点数、字符串等。实际上列表有点类似C++语言中的数组,但仅仅只是类似,和数组还是有点不一样的。列表非常适合利用顺序和位置定位某一元素,尤其是当元素的顺序或内容经常......
  • Python教程(9)——Python变量类型列表list的用法介绍
    在Python中,列表(list)是一种有序、可变的数据结构,用于存储多个元素。列表可以包含不同类型的元素,包括整数、浮点数、字符串等。实际上列表有点类似C++语言中的数组,但仅仅只是类似,和数组还是有点不一样的。列表非常适合利用顺序和位置定位某一元素,尤其是当元素的顺序或内容经常发生改......
  • 软件测试|Docker exec命令详细使用指南
    简介Dockerexec命令是Docker提供的一个强大工具,用于在正在运行的容器中执行命令。本文将详细介绍Dockerexec命令的用法和示例,帮助大家更好地理解和使用这个命令。Docker是一种流行的容器化平台,允许我们在容器中运行应用程序。有时候,在容器内执行命令可以帮助我们调试、排查问题或......
  • 软件测试|Docker Kill/Pause/Unpause命令详细使用指南
    简介Docker是一种流行的容器化平台,提供了各种命令和功能来管理和操作容器。本文将详细介绍Docker中的三个重要命令:kill、pause和unpause。我们将深入了解它们的作用、用法和示例,帮助您更好地理解和使用这些命令。什么是DockerKill/Pause/Unpause命令?Docker提供了几个与容器生命周......
  • 从无到有创建vue项目详细说明
    一、vue需要安装的环境1、Node.js:Javascript运行环境推荐先安装nvm,然后在安装nodejs,可以切换不同版本的nodejs使用,请参考:nvm及nodejs安装和使用(Windows下切换多版本nodejs)npm:包管理工具(同Node.js一同安装)[email protected]、安装vue相关......
  • linux中find命令用法
    1、find test   在当前工作目录中查找名称为test的所有文件2、find/home-nametest  查找/home目录下的所有文件,名称为test3、find/home -inametest   找到名称为test的所有文件,并在/home目录中同时包含大写和小写字母4、find/-typed-nametest   在/......
  • 详细讲解原生js拖拽
    场景描述今天遇见一个问题,那就是产品希望在弹出来的窗口。可以移动这个弹窗的位置增加用户体验,我们直接使用的element-ui中的Dialog对话框我们现在需要拖拽标题,移动元素位置元素拖拽的思路要让元素按下移动,我们需要实现以下几个步骤:1.鼠标按下元素跟随光标移动2.鼠标抬......
  • 解决浏览器”您的连接不是私密链接“的问题!最详细!!!
    Google的Chorom浏览器打开baidu主页,显示您的连接不是私密连接攻击者可能会试图从x.x.x.x窃取您的信息(例如:密码、通讯内容或信用卡信息)。了解详情NET::ERR_CERT_INVALID网上找了很多人的解决办法,但都不好用,比如输入thisisunsafe,修改DNS等等其实这个问题的本质就是证书的问题,原......