Jquery+JavaScript学习-1-优快云博客

本文链接：https://blog.youkuaiyun.com/dtttyc/article/details/78942759

本文介绍了jQuery中的事件处理方法，包括单击(click)、双击(dbclick)、鼠标悬停(mouseenter)等事件的绑定与触发，同时展示了如何通过jQuery获取DOM元素的内容及属性值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

背景

最近在项目中运用到了很多关于jquery中的知识，所以总结了一下

介绍什么是hide（）函数

$(document).ready(function(){
    $("p").click(function(){ //触发click事件
        $(this).hide(); //隐藏事件
   })
})
<p>我是王大美人哦</p>

这里写图片描述

介绍什么是dbclick，在前面的时候跟大家说了click事件，它属于是单击事件，如果是双击事件，那么我们就选择dbclick

$(document).ready(function(){
   $("p").dbclick(function(){
     $(this).hide();
  })
})
<p>我是王大美人哦</p>

鼠标指针进入则会出现弹窗,当我们使用#p1的时候，代表这我们用的是id来进行控制的

$(document).ready(function(){
    $("#p1").mouseenter(function(){
     alert("美女哦")
   })
})

我们允许获取id，来获取元素html中的内容然后让他弹出来哦,如果我们想好获取的是id的属性，那么我们必须使用#号来表示
介绍函数html();

$(document).ready(function(){
  alert("美女说"+ $("#btn1").html())
})
<button id="btn1">显示雪芬最美丽</button>

这里写图片描述

获取value值使用val（）函数

$("document").ready(function(){
    $("button").click(function(){
       alert("他说"+（"#text").val());
   })
})

这里写图片描述