`
llyzq
  • 浏览: 585574 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

jQuery-text()与val()方法区别

阅读更多

text()方法是取得所有匹配元素的内容。结果是由所有匹配元素包含的文本内容组合起来的文本。这个方法对HTML和XML文档都有效。获取span,div ,p之类才用text()或html()方法。

例子:

<p>Paraparagraph</p>

$("p").text();     将得到:Paraparagraph

单行文本<input type="text" ...>不能用text()方法获得值,必须用val()方法。

val()方法是获得第一个匹配元素的当前值。包括select。如果多选,将返回一个数组,其包含所选的值。

例:

<input type="text" value="some text"/>

$("input").val();     将得到:some text

分享到:
评论

相关推荐

    最新版JQuery-jquery-3.2.1.min.js

    - **DOM操作**:`append()`, `prepend()`, `before()`, `after()`, `html()`, `text()`, `val()`等方法用于操作元素内容和结构。 - **事件处理**:`on()`, `off()`, `trigger()`, `bind()`, `unbind()`等用于绑定、...

    jquery-1.8.3.js和jquery-1.8.3.min.js和插件库

    同时,`clone()`方法用于复制元素,`html()`、`text()`和`val()`则分别用于获取或设置元素的HTML内容、文本内容和表单值。 3. 事件处理:通过`.on()`和`.off()`方法,可以方便地绑定和解绑事件。`.trigger()`可以...

    Welcome to jquery-confirm

    本文将深入探讨jQuery-confirm的核心特性和使用方法。 首先,让我们了解jQuery-confirm的基本用法。在项目中引入jQuery库和jQuery-confirm的CSS及JS文件后,你可以通过简单的API调用来创建弹窗。例如,基本的确认...

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

    jquery-starterkit实例

    jQuery提供了一系列方法用于DOM操作,如`html()`、`text()`和`val()`,分别用于获取或设置元素的HTML内容、文本内容和表单字段的值。`append()`和`prepend()`用于在元素内部添加内容,`before()`和`after()`则在元素...

    jquery-3.1.0压缩版

    - `.html()`、`.text()`和`.val()`方法用于获取或设置元素的内容、文本或值。 2. **事件处理**: - jQuery的事件绑定非常直观,如`$("#button").click(function() {...})`,点击按钮时执行函数。 - `.on()`方法...

    jquery-3.2.1.zip

    5. **兼容性与性能**:jQuery 3.x系列着重于提升性能和优化,特别是针对现代浏览器。同时,它依然保持着良好的向后兼容性,支持旧版IE浏览器,这对于维护大型项目来说至关重要。 6. **插件生态**:jQuery拥有丰富的...

    jquery-3.2.1 API参考手册.chm

    `$.ajax()`, `$.get()`, `$.post()`等函数提供了与服务器进行交互的方法。`getJSON()`用于获取JSON格式的数据,`load()`则用于加载远程HTML内容。 8. **链式操作(Chaining)**:jQuery方法返回的是jQuery对象本身...

    jQuery1.12.4.js

    2. **DOM操作**:jQuery提供了一整套API来操作DOM,例如`append()`用于在元素末尾添加内容,`prepend()`在元素开头插入内容,`remove()`移除元素,以及`html()`, `text()`, `val()`等用于获取或设置元素的HTML、文本...

    jquery-3.5.1.rar

    jQuery提供了一系列方法进行DOM操作,如`append()`用于在元素内部添加内容,`prepend()`在元素内部开头添加内容,`remove()`删除元素,`clone()`复制元素,以及`html()`, `text()`, `val()`等用于获取或设置元素的...

    前端项目-jquery-minicolors.zip

    事件与方法** jQuery MiniColors 还提供了丰富的事件和方法来监听用户操作和控制插件状态。例如,`change` 事件会在颜色改变时触发,你可以这样使用: ```javascript $('#colorPicker').on('change', function() {...

    jQuery1.4.1 小结

    jQuery 提供了一套完整的DOM操作API,包括`append()`, `prepend()`, `before()`, `after()`, `html()`, `text()`, `val()`等方法,可以方便地进行元素的插入、删除和修改。 ### 4. 事件处理 jQuery 的事件处理方式...

    jQuery UI Multiselect (jQuery UI 多选框)

    - **主题支持**:继承自jQuery UI,该插件能够无缝地与各种jQuery UI主题搭配,确保与页面其他组件的视觉一致性。 - **事件处理**:提供了丰富的事件接口,如`select`、`deselect`等,方便开发者根据用户操作进行...

    Jquery-Ajax获取手机号归属地实例

    首先,jQuery-Ajax是jQuery库中一个非常重要的功能,它允许我们在不刷新页面的情况下与服务器进行数据交互。Ajax全称为"Asynchronous JavaScript and XML",尽管现在XML已经不再是主要的数据交换格式,但这个名字...

    jquery-1.4.2库

    《jQuery 1.4.2 库:网页交互与JavaScript强化工具》 jQuery,作为一款强大的JavaScript库,自诞生以来就深受开发者喜爱。1.4.2版本是jQuery历史上的一个重要里程碑,它提供了丰富的功能,使得HTML页面的交互性和...

    jquery-带搜索框的下拉

    $("&lt;option&gt;").val(option.value).text(option.text).appendTo("#dataDropdown"); }); }); // 初始化下拉框 $("#dataDropdown").append(options.map(function(option) { return $("&lt;option&gt;").val(option....

    jquery中html、val与text三者属性取值的联系与区别介绍

    以上就是对jquery中html、val与text属性取值的联系与区别的详细介绍。通过具体的示例和应用场景,我们能够更加清晰地理解这三者各自的作用,并在实际开发中正确使用它们来获取或设置相应的DOM元素内容。

    jquery-3.5.1.zip

    同时,`.html()`、`.text()`和`.val()`用于获取或设置元素的HTML内容、纯文本或表单字段值。 动画效果是jQuery的强项,`.fadeIn()`、`.slideUp()`和`.animate()`等方法让开发者可以轻松创建平滑的过渡效果。例如,`...

    jQuery-1.6-api

    同时,`html()`, `text()`, `val()`等方法用于设置或获取元素的内容。 4. **事件处理(Events)** jQuery简化了事件绑定和解绑,如`click()`, `mouseover()`, `mouseout()`等,同时提供了一致的跨浏览器事件处理。...

Global site tag (gtag.js) - Google Analytics