`

jQuery 获取内容

 
阅读更多

最近学习了获得内容的三个简单实用的方法 

下面分享三个用于 DOM (Document Object Model(文档对象模型)的缩写)操作的 jQuery 方法

  

 $(selector). text() // 设置或返回所选元素的文本内容 
 $(selector). html()  //设置或返回所选元素的内容(包括 HTML 标记) 
 $(selector). val() //设置或返回表单字段的值 

 

      获取内容实例

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script src="./js/jquery-3.1.0.min.js"></script>//引入jQuery文档
    <script>
        $(document).ready(function(){
            $("#btn1").click(function(){
                alert( $("#test").text());//获取文本内容
            });
            $("#btn2").click(function(){
                alert( $("#test").html());//获取元素的内容(包括 HTML 标记)
            });
        });
    </script>
</head>

<body>
<p id="test">来<b>试试</b>看</p>
<button id="btn1">点击弹出文本</button>
<button id="btn2">点击弹出文本及HTML</button>
</body>

</html>

 

 

 

 

 

  • 大小: 3.4 KB
  • 大小: 7.2 KB
  • 大小: 8 KB
分享到:
评论

相关推荐

    jquery获取表单值

    使用jQuery获取文本框的值非常简单: ```javascript var textVal = $("#text_id").val(); // 使用.val()方法获取值 ``` **注意:** `.val()` 方法是用来获取或设置表单元素的值的,而 `.attr("value")` 是用来获取...

    jQuery获取当前点击的对象元素(实现代码)

    jQuery获取当前点击的对象元素(实现代码) [removed][removed] &lt;/head&gt; &lt;body&gt; 段落1 段落2 段落3 段落4 段落5 [removed] //获取当前点击的对象 $('p').click( function(){ //this表示当前被...

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

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

    jquery 获取浏览器滚动条宽度数值

    jquery 获取当前浏览器滚动条宽度数值

    jquery获取网站域名

    jjquery获取网站域名

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

    在本篇内容中,我们将详细探讨如何使用jQuery来获取form表单中input元素的值,包括文本框、复选框、单选按钮等不同类型input元素的值获取方法。通过jQuery提供的val()方法和attr()方法,我们可以轻松获取或设置input...

    jQuery实现获取元素索引值index的方法

    在使用jQuery进行前端开发时,我们常常需要获取元素在集合中的索引值以便进行进一步的操作。jQuery作为一个强大的JavaScript库,提供了一系列方法来简化DOM操作,其中“.index()”方法便是用于获取元素索引值的一种...

    Jquery获取URL中的参数、URL、网页地址及路径

    jQuery插件Query URL Parser用于解析URLs字符串。通过它我们可以方便地获取协议、主机、端口、查询参数、文件名、路径等等。在一些静态页面需要根据参数来调整一些内容的时候这个插件还是挺有用的。

    jQuery获取设置textarea中光标位置

    jQuery扩展函数,用于获取设置textarea中光标位置

    用Jquery获取table中td的值

    在JavaScript的世界里,jQuery是一个非常流行的库,它简化了DOM...总的来说,掌握jQuery获取表格数据的方法是前端开发中的一项基本技能,这不仅有助于提高代码的可读性和效率,还能使你在处理DOM操作时更加游刃有余。

    JQ 获取内容和属性

    本文将深入探讨如何使用jQuery获取内容和属性,以帮助开发者更高效地进行网页开发。 首先,让我们了解jQuery的核心概念。jQuery对象是库中的核心,它封装了DOM元素,使得操作DOM变得简单易行。通过选择器(如ID、...

    jquery获取array

    ### jQuery 获取 Array 知识点详解 在网页开发过程中,我们经常会遇到需要处理表单数据的情况,特别是当页面中有多个同名的输入框时。jQuery 作为一种轻量级的 JavaScript 库,提供了丰富的功能来简化这些操作。...

    在IE8下用JQuery获取自定义标签

    在IE8下使用jQuery获取自定义标签的知识点主要涉及到JavaScript的DOM操作、jQuery的选择器以及对旧版浏览器的兼容性处理。以下是对这些主题的详细解释: 1. **自定义标签**: 自定义标签是HTML5引入的一个新特性,...

    jQuery操作checkbox并获取选中值

    本文将详细讲解如何使用jQuery来操作checkbox,并实现全选、全不选、反选以及获取选中值这四个核心功能。 ### 一、jQuery选择器与checkbox操作 在jQuery中,我们可以使用不同的选择器来选取页面上的checkbox元素。...

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

    本知识点将详细解释如何使用jQuery的text和html方法来获取和操作HTML元素的内容。 首先,需要明确,无论是获取还是设置HTML元素的内容,text和html方法都可以通过简单的调用完成。这两个方法的主要区别在于,text...

    利用jquery获取select下拉框的值

    jquery不是特别熟练,每次使用不常用的就要百度,特地记录下来。 我的下拉框是: &lt;select class=form-control id=iv_level&gt;... jquery获取内容采用:  var iv_level=jQuery(“#iv_level option:

    Jquery dataTable后台获取数据示例

    **jQuery DataTables 后台获取数据详解** jQuery DataTables 是一款功能强大的JavaScript库,用于将HTML表格转换为具有高级功能的数据展示工具,如分页、排序、搜索等。结合Struts、Spring和Ibatis框架,我们可以...

    jquery调用打印机打印

    `jQuery`,作为广泛使用的JavaScript库,提供了便利的方式来实现这一需求。本文将深入探讨如何利用`jQuery`调用打印机打印功能,以及相关知识点。 首先,我们需要理解浏览器的打印机制。在Web环境下,打印通常是...

    JQuery获取table一列值

    ### JQuery 获取 Table 一列值的方法详解 在 Web 开发中,经常需要处理表格数据,尤其是在需要对表格中的数据进行批量操作时。使用 JQuery 可以非常方便地获取表格(`&lt;table&gt;`)中某一列的所有值。下面将详细介绍...

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

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

Global site tag (gtag.js) - Google Analytics