`
KAXU
  • 浏览: 270791 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

jquery 属性 text()

阅读更多

text()

从匹配元素集合中得到每个元素的文本信息,并将其合并在一起返回一个String。不能对input元素使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    
    var str = $("p:first").text();
    $("p:last").html(str);

  });
  </script>
  <style>
  p { color:blue; margin:8px; }
  b { color:red; }
  </style>
</head>
<body>
  <p><b>Test</b> Paragraph.</p>
  <p></p>
</body>
</html>

 

var str = $("p:first").text();
获取匹配p元素集合中第一个p元素的文本内容。以下是获取文本信息

Test Paragraph

 

 

 

text(val)

对匹配的元素集合中每个元素都注入文本内容‘val’。不能对input元素使用。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  
  <script>
  $(document).ready(function(){
    $("p").text("<b>Some</b> new text.");
  });
  </script>
  <style>
  p { color:blue; margin:8px; }
  </style>
</head>
<body>
  <p>Test Paragraph.</p>
</body>
</html>

 

$("p").text("<b>Some</b> new text.");
对匹配的p元素集合每个p元素都注入文本内容。以下为文本内容

<b>Some</b> new text.

分享到:
评论

相关推荐

    jquery 属性选择器的使用

    在 jQuery 中,属性选择器是用于根据元素的特定属性来选取元素的重要工具。本文将深入探讨如何利用属性选择器来提高你的前端开发效率。** ### 一、属性选择器的基本语法 jQuery 提供了多种属性选择器,每种都有其...

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

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

    JQuery有用属性和方法截图

    在本文中,我们将探讨JQuery中一些常用的属性和方法,这些知识是在日常开发工作中非常有价值的。 首先,我们看到JQuery可以用于生成随机数字,比如通过`Math.random()`函数生成一个随机数,然后转换成字符串并截取...

    jQuery属性选择器用法示例

    综上所述,jQuery属性选择器是实现基于属性选择元素的高效方法,它使我们能够进行精确的DOM操作,并且可以灵活地结合各种选择器实现复杂的元素选择需求。通过本文的实例,相信读者已经对jQuery属性选择器有了较深入...

    用jquery获取select标签中选中的option值及文本的示例

    2. 使用jQuery获取选中的option的文本(text): - 方法一:通过id选择器获取select标签,然后使用":selected"伪类选择器找到当前选中的option,接着使用.text()方法获取选中的option的文本内容。代码为`$("#sel ...

    jquery属性操作

    属性是HTML元素中定义额外信息的关键部分,如`&lt;input type="text" name="username"&gt;`中的"type"和"name"就是属性。在jQuery中,有多种方法来操作这些属性。 1. **获取属性值**:使用`.attr(attributeName)`可以获取...

    jQuery中实现text()的方法

    在实现过程中,jQuery使用了`textContent`属性,而不是`innerText`,因为`textContent`在跨浏览器兼容性上更优,特别是在处理火狐下的文本内容时。如果元素内部包含非文本节点,`text()`方法会递归地遍历这些子节点...

    jquery模拟HTML5的PLACEHOLDER属性的插件

    Placeholder是HTML5新增的一个属性,当input或者textarea设置了该属性后,该值的内容将作为灰字提示显示在文本框中,当文本框获得焦点时,提示文字消失。如: &lt;input name="username" type="text" placeholder=...

    Jquery Text

    jQuery提供了丰富的选择器来定位HTML元素,如ID选择器(`#elementId`)、类选择器(`.className`)和属性选择器(`[attribute=value]`)。通过这些选择器,我们可以轻松地获取或操作页面中的文本。例如,`$("#myDiv...

    jQuery基本属性大全

    ### jQuery基本属性大全知识点总结 #### 1. jQuery选择器 jQuery选择器是jQuery的核心功能之一,它允许开发者选取DOM元素,并对其执行各种操作。jQuery选择器的种类繁多,覆盖了大多数常见的需求场景。以下是各种...

    jquery中添加属性和删除属性

    jquery中添加属性和删除属性: 代码如下: $(“#2args”).attr(“disabled”,’disabled’); $(“#2args”).removeAttr(“disabled”); 问题背景: 选择“选项1”是,“两个参数”这个单选按钮有效。 选择“选项2”...

    jquery插件库-jquery按钮控制text文本框商品数量增加或减少.zip

    这个“jquery插件库-jquery按钮控制text文本框商品数量增加或减少.zip”压缩包文件包含了用于电商网站或其他需要显示商品数量的应用场景的jQuery插件。这个插件主要用于控制文本框中的商品数量,用户可以通过点击加...

    jQuery中:text选择器用法实例

    在本文中,将详细探讨jQuery中:text选择器的用法,通过实际的代码实例来演示该选择器如何使用,以及它在前端开发中的一些实用技巧。 首先,:text选择器用于选取页面上所有的类型为"text"的单行文本输入框元素。这是...

    经典jquery案例 经典jquery

    这通常需要定时从服务器获取新的股票数据,然后使用jQuery的`.html()`或`.text()`方法更新DOM元素的内容。此外,可以结合CSS和jQuery的动画功能来创建动态滚动的股票列表,增加视觉吸引力。 "动态菜单例子"涉及到...

    jquery获取当前选中下拉框的各个属性

    ### 使用jQuery获取与设置下拉框(Select)的属性 #### 概述 在Web开发中,下拉框(`&lt;select&gt;`元素)是表单中常见的一种输入控件,用于提供用户选择列表中的某个选项。jQuery作为一种轻量级、功能强大的JavaScript...

    sublime2 jquery插件

    例如,当你输入`$(`时,编辑器可能会自动提示可供选择的jQuery选择器,输入`.`或`#`后则会显示对应的类名或ID,进一步输入时会给出匹配的元素属性。 为了更好地利用jQuery插件,你还可以自定义快捷键,将常用的操作...

    jquery-1.11.3.js 、jquery-1.11.3.min.js 【官方jquery包 js】

    jQuery提供了丰富的DOM操作方法,如`append()`、`prepend()`用于元素的插入,`html()`、`text()`用于元素内容的设置,`remove()`、`detach()`用于元素的移除。这些方法使得DOM操作变得简单而直观。 3. **事件处理...

    jquery简单用法大全

    **jQuery属性** jQuery可以方便地获取和修改元素属性。例如,`$("#element").attr("attribute", "value")`用于设置属性,`$("#element").removeAttr("attribute")`则删除属性。 **文档处理** jQuery的`$(document...

    jQuery1.4.1 小结

    例如,`.data()`方法现在可以直接与DOM元素的数据属性进行交互,`.attr()`和`.prop()`的区分更加明确,分别用于获取或设置元素属性和DOM属性。 ### 8. jQuery API.chm 提供的`jQueryAPI-.chm`文件是jQuery的离线...

    JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数

    `JQuery textlimit` 是一个非常实用的 jQuery 插件,它可以帮助开发者实现这个功能。本文将详细介绍如何使用 `JQuery textlimit` 实现显示用户输入的字符数以及限制用户输入的字符数。 首先,我们需要理解 `JQuery`...

Global site tag (gtag.js) - Google Analytics