`

jquery 显示纯文本

阅读更多
var htmlStr = "<div class='"+name+"' id='"+name+i+"'><p></p></div>";
        
		$("body").append(htmlStr);
		
		$("#"+name+i+" >p").text($(this).attr('title'));

 上述为项目中实现此功能的部分代码.

 

.text(textString)方法和.html(htmlString)方法都是一样用来替换元素的内容,他们不同之处是:.html(htmlString) 方法会把HTML标签当作新的HTML标签来替换原来的内容,而.text(textString)则把HTML标签会转换成纯文本内容来代替元素的旧内 容。换句话说,.text(textString)方法中如果包含了HTML的标签,此方法会将< 替换为 &lt,>替换为&gt.因此可以把html的显示为纯文本的.

 

参考:http://www.w3cplus.com/jquery/html-text-value

http://api.jquery.com/text/

分享到:
评论

相关推荐

    jQuery获取标签文本内容和html内容的方法

    当使用text方法不带任何参数时,它会获取匹配元素集合中第一个元素的纯文本值。如果有多个元素匹配,则返回所有匹配元素的纯文本内容拼接在一起的结果。当使用text方法带有参数时,它会把所有匹配的元素内容替换为...

    jQuery点击显示全部阅读全文代码.zip

    在这个例子中,可能使用了`$(selector).html()`或`$(selector).text()`来获取和设置元素的HTML内容或纯文本内容。 2. **事件绑定**:jQuery的`click()`函数用于绑定点击事件。当用户点击特定的元素(比如“阅读全文...

    纯jquery二维码生成器

    在IT行业中,二维码已经成为数据传输和信息展示的便捷方式,而“纯jQuery二维码生成器”正是这样一个工具,它利用JavaScript库jQuery实现,使得开发者能够轻松地在网页上创建动态的二维码,用户只需用手机扫描即可...

    jQuery显示隐藏和复制表单密码字段插件

    2. **复制密码为纯文本**:插件还提供了复制密码到剪贴板的功能,用户无需手动输入,只需点击复制按钮,即可将密码字段的值安全地复制。这在验证密码或者在其他地方使用时非常方便。 为了实现这些功能,开发者可能...

    网页文字溢出显示省略号jQuery插件代码

    它支持HTML元素,包括段落、列表、标题等,不仅限于纯文本。这样,你可以对网页上的任何文本元素进行控制,确保其适应各种屏幕尺寸和设备。 使用dotdotdot.js插件的步骤如下: 1. **引入jQuery库**:由于dotdotdot...

    jQuery支持模糊查询下拉框菜单选择代码

    jQuery提供了文本过滤和搜索功能,如`filter()`和`grep()`函数,可以帮助我们实现这个功能。 三、下拉框菜单(Select元素) 在HTML中,下拉框通常由`&lt;select&gt;`元素创建。我们可以用`&lt;option&gt;`元素定义下拉列表中的...

    jQuery点击图片弹出层显示文字.zip

    我们可以使用`.html()`或`.text()`方法来设置或获取元素的innerHTML或纯文本内容。例如,`$("#description").html(content)`会将ID为"description"的元素的内容设置为`content`。 最后,为了提供良好的用户体验,...

    9种jquery纯页面分页排序

    以下是关于"9种jQuery纯页面分页排序"的相关知识点: 1. **JQuery排序**: jQuery提供了方便的数据排序插件,如`jquery.tablesorter`,它允许用户对表格数据进行点击列头进行升序或降序排序。`jquery.tablesorter`...

    jquery显示标题和字母.zip

    `.html()`用于获取或设置元素的HTML内容,`.text()`则处理纯文本内容,而`.attr()`用于读取或修改元素的属性,包括title。例如,要显示所有带有title属性的元素的标题,可以这样做: ```javascript $("[title]")....

    html5 + jquery 制作的时钟 纯手工 娱乐一下

    在这个特定的项目中,“html5 + jquery 制作的时钟 纯手工 娱乐一下”,开发者利用这两种技术构建了一个实时更新的时间显示工具,提供了一种新颖的视觉体验。 HTML5是超文本标记语言的最新版本,引入了许多新的元素...

    JQuery获取与设置HTML元素的内容或文本的实现代码

    而`text()`方法则会自动处理文本中的HTML标签,确保只显示纯文本。 总的来说,jQuery的`html()`和`text()`方法是网页开发中处理元素内容的两个核心工具,它们简化了JavaScript中对元素内容的操作,提高了代码的...

    jquery title提示效果,jquery tip提示效果

    在默认情况下,这些提示信息通常是纯文本且样式单一。然而,通过jQuery,我们可以自定义这个提示效果,使其更加美观和个性化。 核心知识点: 1. **jQuery选择器**:jQuery提供了丰富的选择器,如ID选择器(`#id`)、...

    jquery版贪吃蛇

    分数可以显示在游戏界面上,这需要动态更新DOM元素的文本内容。 6. **动画效果**:jQuery提供了`animate()`函数,可以用来创建平滑的动画效果。在贪吃蛇游戏中,蛇的移动可以通过设置定时器和改变蛇的位置来实现,...

    JQuery实现购物车功能纯JQuery

    总的来说,通过JQuery实现购物车功能涉及DOM操作、事件监听、计算和显示总计等多个环节。理解并熟练运用这些技能,能帮助开发者构建功能完备且用户友好的购物车系统。在实际开发中,还需要考虑诸如异步加载商品、...

    JQuery1.10+中文完整API

    jQuery 提供了一系列方法来操作 DOM 元素,如 `append()`、`prepend()` 用于在元素内部添加内容,`html()`、`text()` 用于获取或设置元素的 HTML 或纯文本内容,`attr()` 和 `removeAttr()` 用来获取或删除属性。...

    jquery-生成条形码

    5. 显示方式:条形码可以作为图片显示,也可以是纯CSS绘制。插件可能支持生成SVG、PNG等图像格式,也可以直接操作DOM元素的CSS属性。 四、条形码的文本与非文本版本 - 含文字图片:一些条形码生成器会同时在条形码...

    jquery的帮助文档jQueryAPI

    - `html()` 和 `text()`:设置或获取元素的 HTML 内容或纯文本内容。 - `attr()`:获取或设置元素的属性值。 **事件处理** jQuery 提供了一种简便的方式来绑定和触发事件: - `click()`: 绑定点击事件。 - `keyup...

    好用清除html的jquery插件

    这种插件对于处理用户输入的数据、显示干净的文本或者优化网页性能等方面非常有用。 描述中提到,“这是一个非常好用且方便的插件”,这暗示了该插件具有良好的用户体验和易用性。你可以通过查看源代码来学习其工作...

    jquery Manipulation元素操作

    `.html()`方法用于获取或设置元素的HTML内容,`.text()`则处理纯文本内容。`.append()`、`.prepend()`、`.after()`和`.before()`允许我们在现有元素后、前或者围绕元素插入新的内容。`.remove()`和`.empty()`则分别...

    jquery api中文手册

    `append()` 可在元素内部添加内容,`prepend()` 则将内容放在元素开头,`html()` 和 `text()` 分别用于设置或获取元素的 HTML 内容和纯文本内容。 ### 3. 事件处理 jQuery 的事件处理方式简洁高效。`click()` 用于...

Global site tag (gtag.js) - Google Analytics