• 技术文章 >web前端 >js教程

    jquery怎么获取html元素的内容?

    青灯夜游青灯夜游2020-11-30 14:15:34原创56

    jquery获取html元素内容的方法:1、使用html(),可返回被选元素的内容,语法“$(selector).html()”;2、使用text(),可返回被选元素的文本内容,语法“$(selector).text()”。

    本教程操作环境:windows10系统、jquery1.8.3,本文适用于所有品牌的电脑。

    【相关推荐:jQuery视频教程

    1、html():返回原始HTML文档、但是在IE中可能存在兼容性,具体如下

    <!DOCTYPE html>
    <html lang="en">
    <head>
    	<meta charset="UTF-8">
    	<title>Document</title>
    </head>
    <body>
    	<p id="box">
    		<p class="b2">我是一个p元素</p>
    		<span>你好</span>
    	</p>
    </body>
    <script src="libs/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
    	$(function(){
    		var str = $("#box").html();
    		console.log(str);
    
    		// <p>我是一个p元素</p>
    		// <span>你好</span>
    
    		//解释:该方法使用的是JS中的innerHTML()有些浏览器返回的结果可能不是原始文档的 HTML 源代码。例如,如果属性值只包含字母数字字符,Internet Explorer有时丢弃包裹属性值的引号
    	});
    </script>
    </html>

    2、text():得到匹配元素集合中每个元素的合并文本,包括他们的后代

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <p id="box">
            <p class="b2">我是一个p元素</p>
            <span>你好</span>
        </p>
    </body>
    <script src="libs/jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        $(function(){        var str = $("#box").text();
            console.log(str);        // 我是一个p元素
            // 你好    });</script>
    </html>

    3、val()方法

    更多编程相关知识,请访问:编程课程!!

    以上就是jquery怎么获取html元素的内容?的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:jquery 元素内容
    上一篇:jquery如何进行字母大小写转换? 下一篇:react中如何导入图片
    第14期线上培训班

    相关文章推荐

    • 在jquery中如何打开新的窗口• jQuery 如何通过文本查找元素• jquery如何获取选中和未选中的checkbox复选框• jquery如何删除元素• jquery如何验证元素是否为空

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网