jQuery Entwine 使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00508/article/details/141510073

jQuery Entwine 使用教程

jquery.entwineConcrete UI programming library for jQuery项目地址:https://gitcode.com/gh_mirrors/jq/jquery.entwine

项目介绍

jQuery Entwine 是一个基于 jQuery 的 UI 编程库，旨在提供一种替代传统面向对象概念的方法，如自我意识的方法继承、多态性和命名空间，而无需定义任何类。它结合了 Prototype 的 behaviour、lowpro 和 jQuery 的 effen 和 livequery 等工具的思想，并在此基础上进行了扩展和组合。

项目快速启动

安装

首先，确保你已经安装了 jQuery。可以从 1.7 到 1.11 或 2.0 到 2.1 的任何版本都可以使用。然后，通过以下方式安装 jQuery Entwine：

npm install jquery.entwine

基本使用

以下是一个简单的示例，展示如何将方法附加到 DOM 节点：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jQuery Entwine 示例</title>
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script src="path/to/jquery.entwine.js"></script>
</head>
<body>
    <div class="internal_text">Internal text</div>
    <div class="attribute_text" rel="Attribute text"></div>
    <div>Nonsense</div>

    <script>
        $(document).ready(function() {
            $('div.internal_text').entwine({
                foo: function() {
                    console.log(this.text());
                }
            });

            $('div.attribute_text').entwine({
                foo: function() {
                    console.log(this.attr('rel'));
                }
            });

            $('div').foo();
        });
    </script>
</body>
</html>