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

jQuery之text,html,val和attr的使用和区别

    博客分类:
  • J2ee
 
阅读更多

例子:

<div id="divid"><p>linkrmb购物推荐</p></div>
<input type="text" id="inputid" value="linkrmb购物推荐"/>

 

读操作:

$("#divid").text() 

$("#divid").html()

$("#inputid").val() 

$("#inputid").attr("value")

$("#divid").attr("value")

 

写操作:

$("#inputid").val("领客网购物推荐")

$("#divid").text("领客网购物推荐")

$("#inputid").attr("value","领客网购物推荐")

 

 

 

0
0
分享到:
评论

相关推荐

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

    总结来说,本文介绍了jQuery中操作属性、值、文本和CSS类的常用方法,并解释了它们的使用场景和区别。attr和prop方法用于操作属性,val()、text()和html()用于操作值和内容,而class方法则用于操作样式类。通过实例...

    jQuery获取Select选择的Text和_Value

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

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

    `$(this).attr()`和`$(this).val()`是两个常用的jQuery方法,用于处理DOM元素的属性(attributes)和值(values)。下面将详细介绍这两个方法的使用及其在实际开发中的应用。 一、`$(this).attr(key)` 和 `$(this)....

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

    在jQuery中,`attr()`, `prop()`, 和 `val()` 都是用来获取或设置HTML元素属性的方法,但在处理特定属性如"value"时,它们之间存在微妙的差异。这篇文章将详细探讨这三种方法在获取input元素value值时的不同之处。 ...

    jquery的几种使用方法

    然后,你可以使用`.html()`, `.text()`, `.attr()`, `.val()`等方法来修改元素的内容、文本、属性或值。 2. **事件处理**:jQuery提供了简洁的事件绑定机制。例如,`$("button").click(function() {...})`用于监听...

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

    总的来说,通过本篇内容的介绍,我们可以了解到jQuery的val()方法和attr()方法在获取和设置表单input元素值时的使用方法和不同场景下的适用性。此外,还了解到了原生JavaScript在操作表单元素值时的方法。这些知识在...

    jquery html文档

    1. **元素操作**: jQuery可轻松获取和修改HTML元素的属性,如`attr()`和`removeAttr()`。 2. **内容操作**: `html()`, `text()`, `val()`用于获取或设置元素的内容、文本或表单值。 3. **DOM遍历**: `parent()`, `...

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

    在实际应用中,`attr()`和`val()`经常结合其他jQuery方法一起使用,例如`change()`、`click()`等事件处理函数,或者与其他DOM操作如`append()`、`prepend()`等配合,实现动态页面更新和用户交互。 总结来说,`attr...

    jQuery帮助文档

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

    jQuery 类库以及使用说明

    jQuery 是一个广泛使用的JavaScript库,它极大地简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。自2006年发布以来,jQuery已经成为前端开发中的一个基石,为无数开发者提供了便捷的API和功能。 一、jQuery的...

    jquery取值的问题

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

    jquery类库和帮助文档

    理解jQuery选择器的工作原理和优化策略,如使用ID选择器而非类选择器,避免遍历整个DOM树,以及合理利用缓存,都是提高页面性能的关键。 九、jQuery与其它库的共存 jQuery提供了`noConflict()`模式,允许在同一个...

    jQuery使用手册及实例

    jQuery使用手册.doc”、“4-jQuery技巧总结.doc”、“5-jQuery常用方法事件属性.doc”以及“3-使用 jQuery 简化 Ajax 开发.doc”,你将能够深入理解和实践jQuery的各种功能,成为jQuery的熟练使用者。

    Jquery_html.rar

    5. **使用安全的函数**:jQuery 提供了一些安全的函数,如 `.attr()` 和 `.text()`,它们会自动转义内容,减少 XSS 风险。 在压缩包中的 "jquery.html" 文件很可能是用来演示如何利用 jQuery 进行反射型 XSS 防御的...

    jquery获取表单元素的方法

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

    jquery汇总

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

    jquery入门文档ppt

    例如,attr()方法用于获取或设置元素的属性,html()和text()用于处理元素的HTML内容和文本,val()用于处理表单元素的值。此外,还可以通过addClass(), removeClass()和toggleClass()来管理元素的CSS类。 在事件处理...

    jquery手册-jQuery1.3

    2. DOM操作:通过`$()`函数可以创建jQuery对象,然后使用`.html()`, `.text()`, `.attr()`, `.val()`等方法来读取或修改元素的内容、属性和值。 3. 链式操作:jQuery的方法返回的都是jQuery对象,因此可以进行链式...

Global site tag (gtag.js) - Google Analytics