JQuery通过click事件获取当前点击对象的id,name,value属性等

最新推荐文章于 2026-06-14 15:43:25 发布

转载最新推荐文章于 2026-06-14 15:43:25 发布 · 3.8k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

原文链接：http://www.cnblogs.com/penghq/p/10858179.html

收录于

当前文章被以下社区和专栏收录：

$(".test").click(function () {
                var val=$(this).attr("id");
            })

转载于:https://www.cnblogs.com/penghq/p/10858179.html

标签

#javascript #ViewUI

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_30367873

关注关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

jQuery DOM操作入门：从选择器到事件委托的完整实战指南

最新发布

weixin_34319111的博客

08-01

330

DOM（文档对象模型）是Web前端开发中连接HTML文档与JavaScript交互的核心接口，它定义了页面元素的树状结构。其核心原理是通过JavaScript动态访问和修改文档结构、样式与内容，从而实现页面的动态交互。掌握DOM操作的技术价值在于，它是所有前端框架（如React、Vue）实现视图更新的底层基础，理解原生或类库（如jQuery）的DOM操作，有助于深刻理解虚拟DOM、响应式数据绑定等高级概念的由来与优化本质。在实际应用场景中，高效的DOM操作是构建动态网页、实现用户交互（如表单验证、内容动态加

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

jQuery不是过时工具，而是前端演进的底层解剖课

世范水晶

06-14

1835

jQuery本质上是JavaScript在浏览器兼容性碎片化时代的抽象实践，它揭示了DOM操作、事件模型与异步通信等核心前端概念的原始形态。其选择器引擎Sizzle、事件委托机制和$.ajax封装，实为对原生API缺陷的系统性补全，体现了抽象层设计中性能与开发效率的经典权衡。理解jQuery，就是理解现代框架中polyfill、shim和适配器模式的起源；掌握其源码逻辑，能显著提升对Vue/React中事件绑定、动态DOM更新及请求管理的底层认知。本文以‘剧场版’结构还原jQuery三阶段演进，聚焦Sizz

JQuery选择器通过click事件获取当前点击对象的id,name,value属性

Fo*(Bi)的博客

08-18

1729

JQuery选择器通过click事件获取当前点击对象的id,name,value属性 JQuery捕获或获取当前click事件的事件对象ID

jquery获取当前点击对象的value方法

10-26

主要介绍了jquery如何获取当前点击对象的value,需要的朋友可以参考下

jquery获取点击元素的id

这个人很懒，没有博客简介...

11-08

866

获取点击元素的id：常用于获取列表内点击元素的id，以此对点击的元素进行操作。

jquery 获取ID的几种方式

码觉客的博客

02-27

1461

核心方法：使用$("#id")选择器定位元素，配合获取或修改ID属性。事件场景：通过事件对象动态获取触发元素的ID。健壮性：检查元素存在性并确保DOM加载完成后再操作。通过上述方法，可以高效且安全地在jQuery中操作元素的ID。

javascript 定义变量之变量名为name以及定义方法名为click

qq_40836895的博客

08-27

990

javascript 定义变量之变量名为name以及定义方法名为click 身为菜鸟的我最近写js代码，定义变量把变量名写为name出现问题： - 问题代码： &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8&a

jQuery根据$(this）获取当前对象下相应元素的value值

admin_o1的博客

05-07

1万+

功能需求:用户双击li标签部分时获得相应patient_id值前端代码： <li class="patient-info"> <input type="hidden" class="gender_name" value="<?php echo $value['gender_name'] ?>"> <input

jquery中常见的css操作方法

qq_44537625的博客

08-21

311

jquery中常见的css操作方法如何用jquery对dom元素的class修改删除添加 addClass() - 向被选元素添加一个或多个类 removeClass() - 从被选元素删除一个或多个类 toggleClass() - 对被选元素进行添加/删除类的切换操作 hasClass()-检查被选元素是否包含指定的class. css() - 设置或返回样式属性 attr() 设置或返...

js响应id事件和获取input输入框中class值、id的值

FromNowOnUntilTheEnd

03-05

1万+

js响应id事件：记得要在外面多加一个$(function(){ ... });$(function(){ $("#publish").click(function(){ //通过class获取值的三种方法 var inputTitle = document.getElementsByClassName("InputTitle")[0].value; var a = $(".Inpu...

jquery获取checkbox的value

一年e度的夏天的专栏

04-22

645

$('#someButton').click(function() { var names = []; $('#showclass input:checked').each(function() { names.push(this.value); alert

前端笔记——Jquery(4)

weixin_66327871的博客

07-13

895

json 是JavaScript的首字母缩写，而JSON是类似于JavaScript对象的字符串，是一种数据格式。它有两种格式，第一种为对象格式，第二种为数组格式。若点击标签ul1,事件会先执行点击事件$("#ul1")，然后执行点击事件$("#mulu1");父事件.delegate("子事件标签"，"代理事件函数名"，"执行事件函数")注：使用jQuery，需引入js/jQuery*******.js文件。若点击#ul1标签，则执行顺序为1->3->2;jquery中$.ajax()可以执行这个请求。

js和jquery动态实现radio选中触发事件

热门推荐

tao111369的博客

12-26

6万+

最近写的功能是根据radio选中不同的值实现触发对应的事件，现将实现方法总结如下： html如下： <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType" type="radio" checked="" value=&quot

js/jquery中获取table里边checkbox的选中状态以及选中该行的其他列数据

lijiaren_092008的专栏

04-26

9146

js/jquery中获取table里边checkbox的选中状态以及选中该行的其他列数据如下是在js中通过DOM方式创建的row中的一列为CheckBox类型。 var row = document.createElement('tr'); //创建行 var checkbox = document.createElement('td');//创建列 ...

获取下拉列表中的属性值

ruru7989的专栏

09-28

1357

--歌曲-- 歌曲 --电影-- ">电影 --书-- 书获取select中的值 $(function(){ $("#getValue").click(function(){ // 最原始的获取下拉列表中的属性值 // var getselectValueById = $("[name=movie]").find("option").filt

jQuery radio change事件 checkbox选中事件

weixin_34392843的博客

12-05

397

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" ><head runat="server&q

jquery 获取select 控件的选中相关

蓝色理想

02-15

174

jQuery取得select选择的文本与值 (2011-05-27 17:19:00)转载▼ 标签：杂谈分类： JS jquery获取select选择的文本与值获取select ：获取select 选中的 text : $("#ddlregtype").find("option:selected").text(); 获取select选中的 value: $...