当前位置:首页 > 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 图表

jquery 图表

jQuery 图表库推荐 jQuery 本身不直接提供图表功能,但可以通过插件或集成其他库实现图表绘制。以下是几种常用的 jQuery 图表解决方案: Chart.js 集成 Chart.js 是一…

jquery事件

jquery事件

jQuery 事件基础 jQuery 提供了一套简化的事件处理机制,允许开发者通过简洁的语法绑定、触发和管理事件。核心方法包括 on()、off()、trigger() 等,支持常见事件(如点击、悬停…

jquery引入

jquery引入

jQuery引入方法 在网页中引入jQuery库有多种方式,以下是常见的几种方法: 通过CDN引入 使用公共CDN(内容分发网络)加载jQuery,这是最常用的方式之一。以下是几个可靠的CDN源:…

引入jquery

引入jquery

引入jQuery的方法 通过CDN引入(推荐) 在HTML文件的<head>或<body>标签内添加以下链接,使用官方或公共CDN服务: <script src="…

jquery滚动条

jquery滚动条

jQuery 滚动条操作 获取滚动条位置 使用scrollTop()方法获取垂直滚动条的位置,scrollLeft()获取水平滚动条位置: $(window).scrollTop(); // 垂直…

jquery显示隐藏

jquery显示隐藏

jQuery显示与隐藏元素的方法 jQuery提供了多种方法来实现元素的显示与隐藏功能,以下是常用的几种方式: 使用show()和hide()方法 show()方法用于显示被选元素,hide()方法…