`
cakin24
  • 浏览: 1388676 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

jQuery对元素值操作

阅读更多

一 jQuery提供了3种对元素值操作的方法

方法 说明 示例
var() 用于获取第一个匹配元素的当前值,返回值可能是一个字符串,也可能是一个数组。例如当select元素有两个选中值时,返回结果就是一个数组 $("#username").val();    //获取idusername的元素的值
var(val) 用于设置所有匹配元素的值 $("input:text").val("新值")    //为全部文本框设置值
var(arrVal) 用于为checkselectradio等元素设置值,参数为字符串数组 $("select").val(['列表项1','列表项2']);  //为下拉列表框设置多选值
二 应用
为多行列表框设置并获取值
三 代码
<script language="javascript" src="JS/jquery-3.1.1.min.js"></script>
<select name="like" size="3" multiple="multiple" id="like">
  <option>列表项1</option>
  <option selected="selected">列表项2</option>
  <option selected="selected">列表项3</option>
</select>
<script type="text/javascript">
   $(document).ready(function(){
            $("select").val(['列表项1','列表项2']);
            alert($("select").val());
   });
</script>
 
四 运行效果


 
  • 大小: 5.3 KB
1
0
分享到:
评论

相关推荐

    jQuery实现获取元素索引值index的方法

    在使用jQuery进行前端开发时,我们常常需要获取元素在集合中的索引值以便进行进一步的操作。jQuery作为一个强大的JavaScript库,提供了一系列方法来简化DOM操作,其中“.index()”方法便是用于获取元素索引值的一种...

    jquery Manipulation元素操作

    《jQuery元素操作详解》 在Web开发中,jQuery库以其简洁、高效的API赢得了广大开发者喜爱,其中元素操作是jQuery的核心功能之一。这篇博客将深入探讨jQuery如何进行元素选择、操作和增强DOM(文档对象模型)的功能...

    jquery获取form表单input元素值的简单实例

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form...此外,还了解到了原生JavaScript在操作表单元素值时的方法。这些知识在开发Web应用时非常重要,能够帮助开发者更加高效地处理用户输入数据,提升用户体验。

    用JQuery对元素赋值、遍历、追加、分割和找索引的代码实例

    在jQuery中,使用`val()`方法可以方便地对表单元素(如输入框、文本区域)的值进行设置或获取。例如,如果你想为ID为`exampleInput`的输入框赋值,你可以这样做: ```javascript $("#exampleInput").val("新值"); `...

    jQuery根据元素值删除数组元素的方法

    本文将深入探讨如何使用jQuery根据元素值删除数组元素,同时也会涉及到相关的JavaScript基础概念。 首先,我们需要了解`jQuery`是一个JavaScript库,它提供了许多方便的API来简化DOM操作、事件处理和动画效果。然而...

    使用jQuery操作元素的属性与样式

    ### 使用jQuery操作元素的属性与样式 #### 一、摘要 本文旨在介绍如何利用jQuery这一流行的JavaScript库来操作HTML文档中的元素属性与CSS样式。对于初学者而言,掌握这些技能对于构建动态网页至关重要。 #### 二...

    JQuery框架元素的属性与样式

    《JQuery框架元素的属性与样式详解》 ...通过`$.each()`函数和`attr()`方法,我们可以轻松实现对HTML元素的属性进行批量修改和管理,而无需深入JavaScript的底层DOM操作,这正是JQuery的魅力所在。

    JQuery DoM和ajax 操作

    jQuery库是JavaScript的一个强大工具,它极大地简化了对DOM(Document Object Model)的操作。DOM是HTML和XML文档的结构化表示,允许我们通过编程方式访问和修改页面内容。jQuery提供了丰富的选择器、遍历和操作方法...

    jQuery拖拽元素zip

    1. **jQuery基础**:首先,我们需要对jQuery的基本用法有深入理解,包括选择器、事件处理、DOM操作等。jQuery简化了JavaScript中的许多复杂操作,使我们可以更方便地操作DOM元素。 2. **拖拽事件**:在jQuery中,...

    用jquery修改元素css的height属性值

    本文将详细讲解如何使用 jQuery 修改元素的 CSS `height` 属性值,以便实现动态调整元素高度的功能。 首先,我们需要理解 `height` 这个 CSS 属性。在 CSS 中,`height` 属性用于设置元素的高度,可以是绝对值(如...

    jquery获取表单元素的方法

    本文将详细解析如何使用jQuery获取表单元素的各种值,包括文本框(TEXT)、文本区域(AREA TEXT)、复选框(CHECKBOX)、单选按钮(RADIO)、下拉列表(SELECT)以及表格(TABLE)中的数据。 ### 文本框(TEXT) ...

    jQueryUI拖拽效果_拖拽div的值到table表格里面

    在本文中,我们将深入探讨如何使用jQuery UI库实现一个功能,即允许用户将div元素的值拖拽到HTML表格中。这个功能对于构建交互式、动态的网页界面非常有用,可以提升用户体验,使得数据操作更加直观和便捷。我们将...

    jquery表单元素取值

    本文将详细介绍如何使用jQuery来获取表单中的不同元素(如下拉列表、单选按钮、复选框等)的值。 #### 二、基础概念 在深入探讨具体实现之前,先了解一些基础概念: - **选择器**:jQuery提供了一种灵活的方式来...

    Jquery对于Table的操作一些源码

    本篇文章将深入探讨jQuery如何对HTML表格(Table)进行操作,通过源码解析来帮助你理解其背后的实现机制。 一、jQuery选择器与表格元素 jQuery的选择器是其强大功能的一部分,用于定位DOM中的特定元素。对于表格,...

    关于jquery克隆,给元素赋值详解

    在JavaScript和jQuery的世界里,克隆对象和给元素赋值是常见的操作,特别是在处理动态内容和数据交互时。本文将深入探讨如何使用jQuery实现元素的克隆以及如何为元素赋值,同时也会提及如何结合使用AJAX技术进行克隆...

    jQuery DOM节点操作源码

    5. **属性操作**:`attr()`, `removeAttr()`, `prop()`, `removeProp()` 用于获取、设置或移除元素的属性值,如`$("#input").attr("value", "新值")`。 6. **CSS操作**:jQuery提供`css()`方法,可以方便地设置或...

    探析在jQuery框架下操作HTMLDOM元素.pdf

    编写任何JavaScript程序,我们都需要首先获取对象,jQuery选择器能够彻底改变我们平时获取对象的方式,可以获取几乎任意语意的对象,比如“拥有title属性并且值中包含test的元素”。 jQuery选择器有: ·基本选择...

    jQuery第4天知识点:jQuery节点操作、jQuery特殊属性操作、jQuery事件机制.zip

    今天我们将主要关注jQuery中的节点操作、特殊属性操作以及事件机制。 一、jQuery节点操作 1. 选择器:jQuery提供了丰富的选择器,如ID选择器(#id)、类选择器(.class)、元素选择器(element)等,用于快速定位DOM元素...

    jquery操作表单案例

    本文将深入探讨“jquery操作表单案例”中的关键知识点,包括输入元素(input)、文本区域(textarea)、单选按钮(radio)、复选框(checkbox)以及选择列表(select)的操作,特别是如何根据选择列表的文本值(text)来选定选项...

    jQuery操作checkbox并获取选中值

    通过以上步骤,你可以使用jQuery轻松地实现对checkbox的操作,提高网页的交互性。在实际开发中,还可以根据需求进行更复杂的逻辑处理,如分组选择、多级联动等。希望这个教程能帮助你更好地理解和运用jQuery来控制...

Global site tag (gtag.js) - Google Analytics