js中的写出想jquery中的函数一样调用

Posted lonecloud

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中的写出想jquery中的函数一样调用相关的知识,希望对你有一定的参考价值。

1.IIFE:

  Immediately-Invoked function Expression 函数模块自调用

2.代码实现

 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <div id="demo">的么的事</div>
</head>
<body>
<script>
    (function () {
        document.write("好啊好啊");
    })();

    //定义$
    (window.$=function (args) {
        //定义val
        function val() {
            return getElem().innerHTML;
        }
        function getElem() {
            if(args!=null){
                if(args.indexOf("#")==0){
                    return document.getElementById(args.substring(args.indexOf("#")+1,args.length));
                }
            }
        }
        return {
            val:val
        }
    })();
    document.write($("#demo").val());
</script>
</body>
</html>

 

以上是关于js中的写出想jquery中的函数一样调用的主要内容,如果未能解决你的问题,请参考以下文章

24 jQuery——对象的封装闭包匿名自调用函数

从 HTML 中的 onClick 属性调用 jQuery 方法

Chrome-Devtools代码片段中的多个JS库

可以在本地的html文件中写js调用HTTP请求嘛,如果可以请大神写出具体的js代码

js中的函数编程

js中的回调函数