`
swincle
  • 浏览: 78708 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

jquery中val,text,html,attr的区别

 
阅读更多

1.html() 
类似于javascript众的InnerHtml属性,可以用来读取或者设置某个元素中的HTML内容 

例如: 

Java代码 

1.  <p><strong>Hello world</strong></p>  

2.    

3.  alert($('p').html());  

<p><strong>Hello world</strong></p>

 

alert($('p').html());



返回:

Java代码 

1.  <strong>Hello world</strong>  

<strong>Hello world</strong>



2.text() 
类似于javascript众的InnerText属性,可以用来读取或者设置某个元素的文本内容 

例如: 

Java代码 

1.  <p><strong>Hello world</strong></p>  

2.    

3.  alert($('p').text());  

<p><strong>Hello world</strong></p>

 

alert($('p').text());



返回:

Java代码 

1.  Hello world  

Hello world



3.val() 
类似于javascript中的value属性,可以用来设置或者获取元素的值,无论元素是文本框,下拉列表还是单选框,如果元素时多选,则返回一个包含所有选择的值的数组。 

4.attr() 
来获取和设置元素的各种属性 

 

分享到:
评论

相关推荐

    jQuery操作attr、prop、val()/text()/html()、class属性

    因为这些属性在HTML中表示的是一个布尔状态,而attr方法在这种情况下可能会返回"undefined",而prop方法会返回正确的布尔值。 #### attr方法 attr方法用于获取或者设置元素的属性值。如果不传参数,表示获取元素的...

    详谈jQuery中使用attr(), prop(), val()获取value的异同

    例如,当我们在HTML中定义`&lt;input type="text" value="123"&gt;`时,`value`属性是静态地存储在HTML结构中的。如果在JavaScript中使用`attr("value")`来获取这个输入框的value,它会返回HTML源代码中的初始值,即"123...

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

    通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input元素的值。 首先,要获取表单中input元素的值,最常用的方法是使用jQuery的val()方法。当使用 $("#id") 选择器选中了一个元素后,可以使用 ....

    jQuery获取Select选择的Text和_Value

    可以使用 `$("#select_id option[text='jQuery']").attr("selected", true)` 方法设置 Select 的 Text 值为 jQuery 的项选中。 三、 jQuery 添加/删除 Select 的 Option 项 jQuery 也提供了方法来添加或删除 ...

    jQuery中的attr()和val()之间的区别

    在jQuery库中,`attr()`和`val()`都是用于处理元素属性的重要方法,但它们有着不同的用法和适用场景。了解这两个方法的区别对于编写高效、准确的jQuery代码至关重要。 `attr()`方法主要用于获取或设置HTML元素的...

    jquery $(this).attr $(this).val方法使用介绍

    `$(this).attr()` 和 `$(this).val()` 是jQuery中处理元素属性和值的便捷方法。`$(this).attr(key)` 用于获取属性值,`$(this).attr(key, value)` 用于设置属性值,而`$(this).val()` 专门用于处理表单元素的`value`...

    JQuery新版中文手册

    attr(name|pro|key,val|fn) removeAttr(name) prop(name|pro|key,val|fn)1.6+ removeProp(name)1.6+ CSS 类 addClass(class|fn) removeClass([class|fn]) toggleClass(class|fn[,sw]) HTML代码/文本/值 ...

    Jquery中文手册和Api

    在提供的压缩包文件中,我们有三个CHM格式的文件:`jQueryAPI-CHM-080801.CHM`、`jQueryAPI1.3.CHM`和`JQuery API.CHM`。这些文件通常包含了jQuery的离线版文档,可以在没有网络的情况下查阅。CHM(Compiled HTML ...

    jQuery帮助文档

    text( [val] ) 值 val( [val] ) CSS CSS css(name) css(properties) css(name, value) 位置 offset() position() scrollTop( [val] ) scrollLeft( [val] ) 尺寸 height( [val] ) width( [val] ) ...

    jquery1.3.2 中文api

    此外,`attr()` 和 `removeAttr()` 用于设置或移除属性,`html()`、`text()` 和 `val()` 分别用于获取或设置元素的HTML内容、文本内容和表单元素的值。 3. **事件处理(Event Handling)** jQuery 通过`.on()` ...

    jquery html文档

    2. **内容操作**: `html()`, `text()`, `val()`用于获取或设置元素的内容、文本或表单值。 3. **DOM遍历**: `parent()`, `children()`, `siblings()`, `next()`, `prev()`等方法帮助遍历DOM结构。 4. **DOM插入**:...

    jquery汇总

    在现代Web开发中,jQuery作为一个轻量级、功能强大的JavaScript库,极大地简化了HTML文档遍历、事件处理、动画以及Ajax交互等操作。本文将基于提供的文件信息,深入解析jQuery中的一些关键功能,包括取值、赋值、...

    jQuery 1.4.1 中文参考

    - `html()`、`text()`、`val()`:处理元素的HTML内容、文本和值。 - `data()`:与元素关联的自定义数据。 **筛选和查找** - `filter()`、`is()`、`map()`:过滤元素集。 - `children()`、`closest()`、`find()`、`...

    jQuery1.8.3 中文手册

    下面将详细阐述jQuery 1.8.3中的关键知识点。 一、选择器 jQuery的选择器是其强大功能的核心之一,它允许开发者通过CSS语法选取HTML元素。在1.8.3版本中,支持ID选择器 (#id)、类选择器 (.class)、标签选择器 ...

    jquery取值的问题

    除了`val()`,jQuery还提供了一系列用于获取和设置DOM属性的方法,如`attr()`和`prop()`。`attr()`用于获取或设置HTML属性,比如`class`、`id`等: ```javascript var className = $('#myElement').attr('class'); ...

    jQuery1.4.1 小结

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

    jquery获取表单元素的方法

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

    jQuery应用技巧大全modified

    比如,`.html()`可以读取或设置元素的HTML内容,`.text()`处理文本内容,`.height()`和`.width()`处理元素尺寸,`.val()`处理表单输入框的值,`.click()`处理点击事件。这些方法的双重性使得代码更为简洁高效。 ...

Global site tag (gtag.js) - Google Analytics