Jquery--事件

最新推荐文章于 2022-01-26 12:38:03 发布

lq1224825

最新推荐文章于 2022-01-26 12:38:03 发布

阅读量555

点赞数

分类专栏： javascript jquery 文章标签： jquery 事件鼠标

本文链接：https://blog.csdn.net/l954758514/article/details/77460398

版权

javascript 同时被 2 个专栏收录

14 篇文章 0 订阅

订阅专栏

jquery

6 篇文章 0 订阅

订阅专栏

Jquery中注册事件的方法也是调用Jquery对象的方法，比如单击事件。
$(“#div1”).click(); 鼠标移入事件：$ (“#div1”).mouseente();
而且方法名就是js中的事件名。
之前，所有的JS代码都是放在之后的，如果放在之前在获取元素时得到的结果为空，因为在执行此代码时，文档还没有加载完成，也就是说元素都还不存在。
如何解决？
将代码放在：$(document).ready(function(){……}中，也就是在文档加载完成后才会去执行此代码;
例：

<script>
    $(document).ready(function(){
    $("#div1").mouseenter(function(){
        //$("#div1").css("background-color","blue");
        $(this).css("background-color","blue");
    });
    });
</script>
<body>
    <div id="div1"></div>
</body>

点击事件：

 $("p").click(red);
    function red(){
        this.style.color = "red";
    }

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lq1224825

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

jQuery注册事件的三种方式

LSSHFF的博客

06-19

1405

// JQ注册事件 // 方式1. $('css选择器').on('事件类型',事件处理函数) - 常用 $('#myDiv').on('click',function () { console.log('div被点击了'); }) // 方式二 $('css选择器').事件类型(事件处理函数) // 注意: .事件类型没有on $('#myDiv').click(function () { c

jQuery之如何实现注册

m0_51701478的博客

12-26

787

1，在中添加文本框按钮 <div id="logo"> <table> <ul> <li><a href="#">注册</a></li> </ul> </table> </div> <div id="login"> <input type="text" value="请输入手机号码或邮箱

参与评论您还未登录，请先登录后发表或查看评论

给jquery注册全局函数

itbigboy的博客

05-29

2606

给jquery注册全局函数有两种方法方法一： $.min=function(a,b){ retrun a } $.max=function(a,b){ return a>b?a:b; } alert($.min(10,20)); alert($.max(10,20));

jquery——3种注册事件的方法

小贺的博客

07-31

9424

1.$("div").delegate("p","click",function(){ alert(123456); }); delegate 代理委托。这里是给父元素注册委托事件。如果给父元素中追加元素p。就会带有点击事件。 2.$("div").click(function(){ alert(123456); }); 直接给当前元素创建时间。 3.$("div...

JQuery注册页面，带提示信息

木木的博客

08-09

6204

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>注册</title> <script type="text/javascript" src="../js/jquery-3.3.1.min.

jQuery--下载方法

IT利刃出鞘的博客

10-29

1476

下载其他网址 jquery下载所有版本（实时更新）jQuery 所有版本的 CDN 和下载地址（实时更新）-歪脖网jQuery下载和安装详细教程_柯晓楠-CSDN博客简介 jquery-2.0以上版本不再支持IE 6/7/8。下载地址国内第三方（很快）：https://www.jq22.com/jquery/jquery-3.5.1.zip 官网（很慢）：https://jquery.com/ CDN网址国内（速度快）字节跳动：https://s3.pstatp

jQuery-键盘事件

廖若星辰-LTY

08-28

1340

JavaScript的键盘事件主要分为keypress、keydown和keyup三种状态。 keydown- 键按下的过程 keypress - 键被按下 keyup- 键被松开首先实现键盘事件最主要的两点就是：1.我们要给页面的哪个元素绑定键盘事件；2.我们要给该元素绑定键盘上的哪个键。要给哪个元素绑定我们就先获取到这个页面元素即可（可通过任一选择器方式获取到它）；要绑定哪个键我们就需要先知道该键的ASCII码值是多少，这里不知道时可以百度搜索也可以直接用代码获取到该键的ASCII码..

jQuery---解除事件

Philo的博客

01-26

5417

jQuery—解除事件常见的解除事件有三种，往往取决与你绑定事件所用的关键字：举例1： //绑定事件，使用id选择器给btn1绑定点击事件 $("#btn1").on("click",function(){ console.log("点击事件") }).mouseenter(function(){ console.log("鼠标聚焦事件") }) //点击第二个按钮，解除第一个按钮事件 $("#btn2").on("click",function()

jquery-contextmenu插件

qq_46266925的博客

01-25

1098

右键菜单插件:jquery-contextmenu使用

jQuery---绑定事件

Philo的博客

01-23

7422

js—绑定事件文章目录一、最常用方法二、bind函数三、on函数四、delegate函数一、最常用方法 $(“元素选择器”).事件名称(匿名函数) 举例1： //这里的button为元素选择器，click为鼠标点击事件 $("button").click(function(){ //函数内容 }) 举例2： //这里的#btn1为id选择器即id名为btn1的元素，mouseenter为鼠标聚焦事件 $("#btn1").mouseenter(function(){

jquery-ui.css、jquery-ui.js下载

11-05

例如，要创建一个对话框，只需简单调用`.dialog()`方法，jQuery UI会自动处理剩下的布局、事件绑定和动画效果。 jQuery UI的组件丰富多样，例如： 1. **Dialogs** - 提供模态和非模态对话框，用于展示信息、警告或...

jquery-3.4.1_jquery_3.4.1.js_jquery-3.4.1_sangat1_jquery3.4.1_jq

09-30

jQuery通过提供一套丰富的API，使得开发者可以快速实现常见的网页操作，如选择元素、添加事件监听器、执行AJAX请求等，而无需编写大量复杂的原生JavaScript代码。在标签中，"jquery_3.4.1.js"和"jquery-3.4.1"再次...

jquery-3.5.1.min.js_jquery-3.5.1.min.js_jquery_

10-03

jQuery的核心特性包括选择器、DOM操作、事件处理、动画效果以及Ajax操作。选择器是jQuery的精髓，它简化了JavaScript中获取DOM元素的方式，如"$()"函数可以轻松选取HTML元素。DOM操作则提供了一整套方法，如$("#id")...

jquery-migrate3.4版本

最新发布

05-17

在jQuery 3.x中，一些过时或不推荐使用的API被移除，如`.data()`的旧实现、`.live()`事件处理和`.browser`对象等。Migrate 3.4.0为这些移除的功能提供临时支持，以便于迁移。 4. **浏览器兼容性**：虽然现代...

jquery插件jquery-ui-1.8.18.custom.min.js及css文件

09-02

- **事件处理**：通过JavaScript代码绑定事件监听器，实现对jQuery UI组件的控制和扩展，如打开/关闭对话框、改变滑块值等。 - **兼容性和性能优化**：确保所使用的jQuery UI版本与目标浏览器兼容，并考虑使用CDN...

JQuery--DOM

l954758514的博客

09-18

759

1、内容操作（1）文本内容的捕获和设置text() 作用：获取或设置文本内容（等价于DOM操作中的innerText属性）<body> <p id="p1">土豆土豆呼叫地瓜</p> </body> <script> $("#p1").text("哈哈");//更换内容 alert($("#p1").text());//捕获内容 </script>（2）html():

JS prototype理解

l954758514的博客

01-12

665

首先，要明确几个点： 1.在JS里，万物皆对象。方法（Function）是对象，方法的原型(Function.prototype)是对象。因此，它们都会具有对象共有的特点。即：对象具有属性__proto__，可称为隐式原型，一个对象的隐式原型指向构造该对象的构造函数的原型，这也保证了实例能够访问在构造函数原型中定义的属性和方法。 2.方法(Function) 方法这个特殊的对象，除了和其

javascript事件

l954758514的博客

08-08

639

一、事件的概念事件源事件名事件注册事件处理程序二、常用事件鼠标常用事件：（1） click 单击事件<body> <p id="p1" onclick="fun()">单击事件测试</p> </body> <script> function fun(){ //获取到指定元素 var p1 = document.getElementB

JQuery--导航

l954758514的博客

09-18

635

1、父代 parent()//找到自己的父亲 $("#myself").parent().css("background","red");parents()找到的是当前元素的所有祖先元素（注意：如果小括号内传入参数，就可以找到你所指定的一个父元素）。$(".myself").parentsUntil("[name='zhang']").css("background","red");parents