jquery函数封装

Posted 前端HL

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jquery函数封装相关的知识，希望对你有一定的参考价值。

<script type="text/javascript">
　　$(function () {
　　　　$("#tabMenu a").on(‘click‘,function () {
　　obj(this);

　　});
　　$(‘#tabCon a‘).on(‘click‘,function () {
　　　　obj(this);
　　});
　　function obj(e){
　　　　$(e).addClass(‘current‘).siblings().removeClass(‘current‘);
　　　　var value = $(e).data(‘value‘);
　　　　$(e).parent().find(‘input‘).val(value);
　　}
})
</script>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <div id="odd">奇数</div>
    <div id="even">偶数</div>
    <script type="text/javascript">
        var arr= [1,2,3,4,5,6,7,8,9,10]
        function getId(id) {
            return document.getElementById(id)
        }

        var odd = getId("odd")
        var even = getId("even")

        odd.onclick = function(){
            obj(1)
        }

        even.onclick = function(){
            obj(0)
        }
        function obj(e){
            for (var i = 0; i < arr.length; i++) {
                if (arr[i] % 2 == e) {
                    console.log(arr[i])

                }
            }
            

        }

    </script>
</body>
</html>

 

以上是关于jquery函数封装的主要内容，如果未能解决你的问题，请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

VSCode自定义代码片段14——Vue的axios网络请求封装

jQuery的DOM操作

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

01 jQuery入门