《jQuery Cookbook中文版》——1.16 获取和设置文本内容

    xiaoxiao2024-03-17  14

    本节书摘来自异步社区《jQuery Cookbook中文版》一书中的第1章,第1.16节,作者:【美】jQuery社区专家组 译者:姚军 , 孙博更多章节内容可以访问云栖社区“异步社区”公众号查看。

    1.16 获取和设置文本内容

    1.16.1 问题你需要获取或者设置包含在一个或多个HTML元素中的文本。**1.16.2 解决方案**jQuery提供text()方法,用于获取和设置元素的文本内容。在下面的代码中,使用这个方法设置HTML文档中< p>元素的文本值,然后获取该值:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> </head> <body> <p></p> <script type="text/JavaScript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script> <script type="text/JavaScript">    jQuery('p').text('Hello World, I am a <p> element.');    alert(jQuery('p').text()); </script> </body> </html>

    在浏览器中运行上述代码将造成浏览器修改< p>元素的内容,用text()方法设置这些内容,然后用text()方法读取。**1.16.3 讨论**重要的一点是,要记住text()方法与html()方法没有什么不同,唯一的例外是text()方法将对HTML进行转义(将<和>替换为HTML实体)。这意味着,如果在text()方法的字符串参数中放入标记,该方法会将这些标记转换为HTML实体(<;和>;)。

    相关资源:敏捷开发V1.0.pptx
    最新回复(0)