当前位置:首页 > jquery

jquery 获取 值

2026-03-17 17:24:31jquery

获取表单元素的值

使用 val() 方法获取输入框、下拉框等表单元素的值:

var inputValue = $('#inputId').val(); // 获取输入框的值  
var selectValue = $('#selectId').val(); // 获取下拉框选中的值  

获取 HTML 元素的文本内容

通过 text()html() 获取元素的文本或 HTML 内容:

jquery 获取 值

var textContent = $('#elementId').text(); // 获取纯文本  
var htmlContent = $('#elementId').html(); // 获取包含 HTML 标签的内容  

获取属性值

使用 attr()prop() 获取元素的属性值(如 data-* 自定义属性):

jquery 获取 值

var href = $('#linkId').attr('href'); // 获取 href 属性  
var dataValue = $('#divId').data('key'); // 获取 data-key 的值  

获取复选框或单选按钮的值

需遍历选中的元素获取值:

var checkedValues = [];  
$('input[name="checkboxName"]:checked').each(function() {  
  checkedValues.push($(this).val());  
});  

获取全局变量或数据

通过 window 对象或自定义数据存储获取:

var globalVar = window.someVariable; // 获取全局变量  
var storedData = $.data(document.body, 'key'); // 获取通过 jQuery 存储的数据  

标签: jquery
分享给朋友:

相关文章

jquery获取radio选中的值

jquery获取radio选中的值

获取radio选中的值 使用jQuery获取被选中的radio按钮的值可以通过以下几种方法实现: 方法1:使用:checked选择器 var selectedValue = $('input[na…

锋利的jquery

锋利的jquery

jQuery 简介 jQuery 是一个快速、简洁的 JavaScript 库,简化了 HTML 文档遍历、事件处理、动画设计和 Ajax 交互。其核心特点是“写得更少,做得更多”,适合快速开发动态网…

jquery 上传

jquery 上传

jQuery 文件上传方法 使用 jQuery 实现文件上传可以通过多种方式完成,以下是常见的几种方法: 使用原生表单和 AJAX 创建一个包含文件输入的表单,并通过 jQuery 的 AJAX…

jquery 弹出

jquery 弹出

jQuery 弹出窗口实现方法 jQuery 可以通过多种方式实现弹出窗口效果,以下是几种常见的方法: 使用 jQuery UI Dialog jQuery UI 提供了一个 Dialog 组件,可…

jquery 刷新

jquery 刷新

jQuery 刷新页面方法 使用jQuery刷新页面可以通过以下几种方式实现,根据需求选择合适的方法。 直接调用JavaScript的location.reload()方法 location.re…

jquery隐藏显示

jquery隐藏显示

jQuery隐藏与显示方法 jQuery提供了多种方法控制元素的隐藏和显示,以下为常用方法及示例: hide() 和 show() hide():隐藏匹配元素,默认无动画效果。$("#ele…