`
tianjun309
  • 浏览: 367200 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery html() 与 text() 区别

阅读更多
      //获取<p>元素的HTML代码
      $("input:eq(0)").click(function(){
			alert(  $("p").html() );
	  });
      //获取<p>元素的文本
	  $("input:eq(1)").click(function(){
			alert(  $("p").text() );
	  });


<p title="选择你最喜欢的水果." ><strong>你最喜欢的水果是?</strong></p>

 上面html()结果:

<strong>你最喜欢的水果是?</strong>

text()结果:

你最喜欢的水果是?
分享到:
评论

相关推荐

    《JQuery 能干点啥~》第四讲 html() 与 text()的赋值比较

    与`html()`不同,`text()`会自动转义HTML特殊字符,确保显示的是纯文本。下面是一个例子: ```javascript $("#anotherElement").text("This is a &amp; test."); ``` 这里,`&amp;`会被解析为`&`,确保文本中显示...

    jquery text slider(文字滚动)

    **jQuery Text Slider(文字滚动)** 在网页设计中,jQuery Text Slider是一种常见的动态效果,用于展示文本信息,尤其是在有限的空间内展示大量文字时。这种效果可以让文字以向上或向下的方式滚动,增加视觉吸引力...

    jQuery html()方法使用不了无法显示内容的问题

    今天遇到jquery中的html方法使用不了,只能用完最基本的innerHTML把内容展示出来。具体原因还没找到,肯定跟内容有关,展示不了的html放上来供以后检查原因,是我收到csdn的一封邮件。 &lt;!DOCTYPE html PUBLIC ...

    Sublime Text3集合 汉化 jquery、css和js(包括AngularJS)、html5、Bootstrap 3

    Sublime Text3集合,包括了多种常用插件jquery、css和js(包括AngularJS)、html5、Bootstrap 3,jsFormat等增强插件,已加入汉化包,加了很多配色方案,青菜萝卜各有喜爱,各自选择吧。 安装方法: 1.sublime text3...

    jQuery中实现text()的方法

    在jQuery库中,`text()`方法是一个非常常用的功能,它用于获取或设置匹配元素集合中的文本内容。在本文中,我们将深入探讨`text()`方法的使用及其内部工作原理。 首先,`text()`方法分为两种主要的用法: 1. 获取...

    《JQuery 能干点啥~》第三讲 html() 与 text()的取值比较

    本文将深入探讨《JQuery能干点啥~》系列中的第三讲——`html()`与`text()`函数的取值比较。通过学习这两个函数的用法和差异,我们可以更好地理解和掌握jQuery在处理HTML元素内容时的灵活性。 首先,`html()`方法是...

    jQuery Rich Text Editor v0.5.1

    **jQuery Rich Text Editor v0.5.1** jQuery Rich Text Editor 是一款轻量级且易于使用的富文本编辑器,版本号为0.5.1。它主要基于流行的JavaScript库jQuery构建,旨在提供一个简单但功能齐全的文本编辑解决方案。...

    jquery点击text文本框弹出省市地区城市选择器

    在IT行业中,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。本文将深入探讨如何使用jQuery实现一个功能,即点击文本框时弹出包含省市地区城市的下拉选择器。 首先,我们...

    jQuery字体自适应插件textfit

    除了基本的jQuery,`textfit`插件也可以与其他前端框架,如Bootstrap、Vue.js或React等配合使用。只需确保正确绑定事件并在合适的时机调用`.textfit()`方法。 总结,`jQuery.textfit`是一个强大且灵活的工具,用于...

    jsp智能提示完整版,jquery+ajax+text实现

    【标题】"jsp智能提示完整版,jquery+ajax+text实现"揭示了这是一个关于Web开发的项目,主要涉及的技术栈是JavaServer Pages (JSP)、jQuery、Ajax以及文本处理。这个项目意在模仿百度的智能提示功能,即在用户输入时...

    jquery表单制作text文本框autocomplete智能搜索提示框效果

    本篇文章将详细讲解如何利用jQuery实现一个text文本框的autocomplete智能搜索提示框效果,这对于创建类似百度搜索框的用户体验至关重要。 首先,我们需要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库,...

    jQuery WYSIWYG Rich Text Editor v0.4.2

    **jQuery WYSIWYG Rich Text Editor v0.4.2** 是一款基于jQuery库的所见即所得(WYSIWYG)文本编辑器,适用于网页内容的编辑与创建。这款编辑器以其轻量级、易集成和高度可定制的特性受到了开发者的欢迎。它的兼容性...

    sublime text2 jQuery自动完成插件

    安装完成后,当你在Sublime Text 2中编写jQuery代码时,你会注意到在输入"$("或"jQuery("之后,插件会提供一个下拉菜单,显示可用的jQuery选择器。继续键入,插件会根据输入的内容动态更新提示,包括常见的DOM操作、...

    jQuery+html5视频与音频播放器

    总结来说,"jQuery+html5视频与音频播放器"涉及到HTML5的`&lt;video&gt;`和`&lt;audio&gt;`标签,jQuery的DOM操作、事件处理和动画功能,以及自定义播放器界面的设计。通过熟练掌握这些知识点,可以构建出功能丰富、用户体验良好...

    Uploadify HTML5 版 / Jquery上传插件 全JS

    Uploadify是一款广受欢迎的jQuery上传插件,尤其在HTML5版本推出后,它极大地提升了文件上传的用户体验。这款插件允许用户实现多文件选择、进度条显示、预览功能,以及自定义上传事件处理,使得文件上传变得既简单又...

    Jquery演示 jquerydemo jquery常用

    **jQuery 演示:深入理解与应用** jQuery 是一个高效、简洁且功能丰富的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计和Ajax交互。本篇文章将围绕"jQuery演示"这一主题,深入探讨jQuery的...

    jQuery开发从入门到精通( HTML5+CSS3网页模板)

    2. **DOM操作**:jQuery提供了丰富的API用于DOM操作,如`.html()`, `.text()`, `.append()`, `.prepend()`等,这些方法能帮助你轻松地修改元素内容、插入或删除子元素。 3. **事件处理**:jQuery对事件处理进行了...

    JQuery简单实例(C#,HTML,.NET.JQUERY)(工程源码)

    在本实例中,我们主要探讨的是如何利用JQuery与C# .NET框架相结合,实现一个简单的异步功能,即在用户界面中验证用户名是否已经存在。这个实例是基于Visual Studio 2008开发环境,涉及到的技术栈包括前端的HTML、CSS...

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

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

    Jquery Text

    **jQuery Text 深度解析** jQuery 是一个广泛使用的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在“jQuery Text”这个主题中,我们将聚焦于jQuery如何处理文本元素,包括...

Global site tag (gtag.js) - Google Analytics