`

jquery设置和获取html和文本和值

 
阅读更多
1.html()方法

此方法类似于JavaScript中的innerHTML属性可以用来读取或者设置某个元素的HTML内容.
为了更清楚地展示效果,将<p>标签中的HTML代码为:
<p title="选择你喜欢的水果."><strong>你喜欢的水果是?</strong></p>
<script>
window.onload=function(){
var p_html=$("p").html();
alert(p_html);
}                                   
</scripr>

//输出结果为"<strong>你喜欢的水果是?</strong>"

2.text()方法:
此类方法类似于JavaScript中的innerText属性,可以用来读取或者设置某个元素的文本内容.
<p title="选择你喜欢的水果."><strong>你喜欢的水果是?</strong></p>
<script>
window.onload=function(){
var p_text=$("p").text();
alert(p_text);
}                                   
</scripr>

// 输出结果为 "你喜欢的水果是?"
3. val()方法:
此方法类似于JavaScript中的value属性可以用来设置和获取元素的值无论是文本框还是下拉表都是单选框.
登录网站时邮箱文本框和邮箱密码框会分别显示"请输入邮箱地址"和"请输入邮箱密码",
点击选中后消失:

<input type="text" id="address" value="请输入邮箱地址"/>
<input type="text" id="address" value="请输入邮箱密码"/>
<input type="button" value="登录"/>
<script>
function sss(){
$("#address").focus(function(){       //focus 当鼠标选中时执行
          var txt_value=$(this).val();  
          if(txt_value=="请输入邮箱地址"){
             $(this).val("");
   }
}
)
$("#addres"),blur(function(){
    var txt_value=$(this).val
    if(txt_value==""){
        $(this).val="请输入邮箱地址"
}
})
}
$(document).ready(sss)
</script>

//当地址获取聚焦时,如果地址框的值为"请输入邮箱地址"则将地址框清空.
//当地址失去鼠标焦点时如果地址框为空,则地址框的值设置为"请输入邮箱地址".





分享到:
评论

相关推荐

    jquery设置和获取HTML,文本和值

    在jQuery库中,设置和获取HTML、文本以及值是日常Web开发中常见的操作。这些功能使得开发者能够方便地处理DOM元素的内容,实现动态更新页面的效果。以下是对这些知识点的详细说明: 1. **设置和获取HTML** HTML是...

    jQuery设置和获取HTML、文本和值示例

    3. 使用jQuery获取和设置表单元素的value值 4. 通过事件处理(如点击事件)来进行内容的获取和设置 5. 对于表单输入元素,还涉及到事件监听(如获得焦点和失去焦点) 下面将详细讲解上述知识点。 ### 使用jQuery...

    JQ 设置和获取HTML和文本和值

    标题中的“JQ 设置和获取HTML和文本和值”指的是使用jQuery库来操作HTML元素的HTML内容、文本内容以及表单元素的值。jQuery是一个广泛使用的JavaScript库,它简化了DOM(文档对象模型)操作、事件处理、动画设计以及...

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

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

    jQuery获取和设置文本框光标

    "jQuery获取和设置文本框光标"这个主题是关于如何利用jQuery来控制HTML输入元素(如文本框)中的光标位置以及选定文本的操作。这在创建富文本编辑器、自定义表单组件或实现某些特殊交互时非常有用。 首先,让我们...

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

    总结来说,jQuery的text和html方法提供了一种简洁有效的方式来获取和设置HTML元素的文本内容和HTML内容。通过本知识点的解释,你可以清楚地了解这两个方法的用途、特点以及使用场景,并在实际开发中加以运用,提高...

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

    综上所述,示例演示了使用jQuery来获取select标签中选中项的值和文本的方法,并考虑了没有value属性的特殊情况,还涉及到了事件绑定和DOM操作的基本知识。对于学习和使用jQuery进行前端开发的读者来说,这些内容都是...

    jQuery获取table下某一行某一列的值实现代码

    从提供的文件内容中,我们可以提取以下关于jQuery获取表格中某一行某一列值的知识点: 1. jQuery选择器的使用:在文中,通过使用选择器 $(".div") 找到了包含多个表格的div元素。这说明了jQuery选择器用于选取页面...

    Jquery获取Select标签的值

    在前端开发中,使用 jQuery 框架能够极大地简化 DOM 操作,使得获取或设置 HTML 元素的属性变得更加容易。本篇文章将详细介绍如何利用 jQuery 来获取 Select 标签的值以及相关的表单元素操作。 #### 一、获取 ...

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

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作,包括获取和设置HTML元素的内容或文本。在本文中,我们将深入探讨如何使用jQuery的`html()`和`text()`方法来实现这些功能。 首先,我们...

    jQuery富文本编辑器Notebook

    "jQuery富文本编辑器Notebook"是一个专为创建...用户可以通过阅读`README.md`文件获取如何设置和使用编辑器的详细步骤。为了实际体验和使用Notebook编辑器,你需要将这个压缩包解压并按照`README.md`中的指示进行操作。

    jquery文本,以文本格式保存的jquery文件

    接着,**属性**操作涉及到获取或设置HTML元素的属性值。例如,`attr("attributeName", "value")`用于设置属性,而`attr("attributeName")`则用于获取属性值。jQuery还提供了`removeAttr()`方法来移除属性。 **样式...

    用Jquery获取table中td的值

    本篇文章将深入探讨如何使用jQuery来获取HTML表格(table)中的td(表格数据单元格)的值。首先,我们需要理解jQuery的基本用法以及表格元素在HTML结构中的位置。 在HTML中,表格由`&lt;table&gt;`标签定义,内部包含`...

    jQuery设置与获取HTML,文本和值的简单实例

    首先,我们来看看如何使用jQuery获取和设置HTML元素的内容。在jQuery中,我们使用`.html()`方法来获取或设置选定元素的HTML内容。例如,如果我们有一个段落元素`&lt;p id="demo"&gt;`,我们可以通过以下方式获取它的内容:...

    jquery文本转语音播放

    2. **jQuery集成**:通过jQuery选择器和事件处理,我们可以轻松地绑定文本元素到语音播放功能。例如,当用户点击一个按钮或选中一段文字时,可以触发文本转语音的播放。以下是一个简单的示例: ```javascript $('...

    JQuery获取input控件值.docx

    下面将详细解释如何使用jQuery来获取和设置text、textarea、radio、checkbox以及select等不同类型的input控件的值。 1. **获取text和textarea值**: - 对于`&lt;input type="text"&gt;`和`&lt;textarea&gt;`,可以使用`.attr()...

    jquery页面文本编辑器

    其中,HtmlBox是一款基于jQuery的文本编辑器,它以其多样的风格和易用性深受开发者喜爱。本文将深入探讨HtmlBox 4.0.3版本,分析其主要特点和使用方法。 一、HtmlBox简介 HtmlBox是一款高效、轻量级的jQuery文本...

    HTML前端wangEditor富文本编辑器demo(jQuery)

    wangEditor就是这样一个强大的富文本编辑器,它专为JavaScript和jQuery设计,同时也能很好地融入Vue等现代前端框架。本示例是一个基于jQuery的wangEditor应用,具有丰富的功能,包括图片可拖拽调整大小,以及方便地...

Global site tag (gtag.js) - Google Analytics