xiyueta.js库的 $().html() 属性方法

xiyueta

于 2021-10-18 08:24:13 发布

阅读量826

点赞数

分类专栏： JS程序 xiyueta.js库文章标签： jquery html html5

本文链接：https://blog.csdn.net/mydd3/article/details/120819440

版权

JS程序同时被 2 个专栏收录

6 篇文章 0 订阅

订阅专栏

xiyueta.js库

6 篇文章 0 订阅

订阅专栏

本文详细介绍了xiyueta.js库中的.html()方法，该方法用于获取或设置HTML内容，其用法与jQuery的.html()相同。通过实例展示了如何获取匹配元素的内容以及如何设置新的HTML内容。同时，文中还提供了源码解析，帮助理解其实现原理。文章结尾提供了一个在线演示链接供读者实践。

摘要由CSDN通过智能技术生成

获取匹配元素集中第一个元素的HTML内容，或设置每个匹配元素的HTML内容

xiyueta().html()属性方法，两种调用方式：
1、xiyueta("div").html(); //获得匹配元素块内容，出现多个时，只显示第一条，如果没有元素块则返回undefined
2、xiyueta("div").html("内容"); //设置匹配元素块内容

总结：xiyueta().html()用法与jQuery中jQuery().html()用法保持一致，.htmlwrap(); //htmlwrap为加上当前标签块
see https://api.jquery.com/html

演示地址 http://xiyueta.com/demo/xiyueta/html/

<script src="http://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>
var html='<div><p>xiyuetaJS库</p></div>';
$().parse(html);
$.log( $("div").html() );  
</script>

xiyueta.js库 $().html() 属性方法的源码部分


     html: function(value) { //获取匹配元素集中第一个元素的 HTML 内容==jQuery
         if (arguments.length >= 1) { //设置
             _xyt.html(this.domList, value);
             return this;
         } else {
             return _xyt.html(this.domList);
         }

     },

文章来源：http://xiyueta.com/api/xiyueta/html/

原创不易，若转载请注明出处
喜欢我的可以点赞、关注、收藏，如果有什么技术上的疑问，欢迎留言或私信~