jquery函数封装

最新推荐文章于 2022-11-24 03:02:29 发布
最新推荐文章于 2022-11-24 03:02:29 发布
阅读量83 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/huanghuali/p/8964948.html
版权

<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>

 

转载于:https://www.cnblogs.com/huanghuali/p/8964948.html

diebaiying3731
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
jQuery 插件封装的方法
10-21
总结来说，jQuery插件封装是通过扩展`jQuery.fn`来实现的，利用自我执行函数保护`$`符号，理解`this`关键字的上下文，保持链式调用的流畅性，以及为插件提供默认值和可配置选项。掌握这些技巧，开发者可以构建出强大...
基于jQuery的封装函数
牛先森家的博客
08-03 1733
封装tab栏切换功能 // 第一种封装： // btns 点击某个选项 // cons 对应的显示内容 // active 点击后的样式 function table(btns, cons, active) { $(btns).click(function () { $(this).addClass(active).siblings().removeClass(active); $(cons).eq($(this).inde
jQuery中的函数封装
AYYYY192018的博客
09-17 461
1.函数封装的概念： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 用函数把重复的代码块包裹起来就是函数封装。 2.封装的作用： 其实就是为了减少代码的冗余，增加代码的可读性与易维护性， 将实现同一功能的代码封装起来，在需要实现这一功能时调用即可。 举例1 删除dom对象的空白节点： function removeNode(nodee) { for (var i = 0; i < nodee.length; i ++) { if (nodee[i].nodeType === 3 &
【jQuery】如何添加自定义函数及封装自定义插件_09
青春木鱼的博客
07-19 991
今后，如果想用的功能，jquery没有提供，我们可以向jquery中添加自定义的新函数；自定义插件拥有专属的HTML+CSS+JS的可重用的页面上独立的功能区域，今后只要页面上发现一个可以反复使用的功能区域，都要先封装为插件，再反复使用插件............
封装jQuery
qq_69909373的博客
11-23 330
none，让这个元素display = "none"，反之则让这个display="block"，利用上述的点击事件来完成点击执行这个函数，从而实现点击显示，在点击消失的功能。if(target === copy){//存在目标对象本身的引用,构成死循环,结束此次遍历。if(typeof target === "boolean"){//第一个参数是布尔型,深度拷贝。== undefined)//不能拷贝空值。if(length == i}{//参数长度等于传递进去的长度 只能在等于1的时候。
【经典源码收藏】基于jQuery的项目常见函数封装集合
10-22
jQuery函数封装的意义和方法 函数封装是将一些常用的逻辑通过函数的方式组织起来，以便重复使用，减少代码冗余，提高开发效率。在基于jQuery的项目中，封装函数可以帮助开发者快速实现一些常见的操作，比如元素...
浅谈Jquery核心函数
10-24
首先，jQuery的核心函数（jquery()）可以将DOM对象封装成jQuery对象。在jQuery中，DOM对象和jQuery对象是不同的。DOM对象代表了文档中的一个单一的元素，而jQuery对象是一个包装了DOM对象的集合，可以通过jQuery的...
jquery封装插件时匿名函数形参和实参的写法解释
10-20
在编写jQuery插件时，我们经常会使用到匿名函数来封装我们的代码，以避免全局作用域中的变量冲突，并且使得我们的插件更加模块化和易于维护。在匿名函数中，形参和实参的正确使用尤为重要，它们分别代表了函数定义时...
js:封装几个JQ的功能
jayLog的博客
04-29 510
jq(jquery)是一个便捷的，简化js代码的，有着丰富选择器的js框架。在vue和react框架前之前，jq几乎是web开发的必备框架。当然随着数据双向绑定的出现，更加简化了数据和DOM节点的操作，vue和react取代了jq的地位。
jquery函数 强大的封装
04-29
强大的运用jqueryApi 封装了很多js的应用以及css选择器 让懂css的人很容易上手
Jquery作者John Resig自己封装的javascript 常用函数
03-19
NULL 博文链接：https://sailinglee.iteye.com/blog/756376
jq:参考jquery封装的一些函数
06-01
jq 参考jquery封装的一些函数 目前有滚动，获取id/class/pro之类的,toggle,val,css() 获取id、class、 |功能|进度|完成| |--------- |jq()判断进去的类型#==id,class==. |完成| yes |css/attr获取或者修改当前节点的css |完成| yes |ajax获取内容 |明天开工| no
jQuery源码分析系列：Extend扩展方法
weixin_30502157的博客
08-01 153
JQuery的extend扩展方法： Jquery的扩展方法extend是我们在写插件的过程中常用的方法，该方法有一些重载原型。 　　1，jQuery.extend({...})是给function jQuery添加静态属性或方法。　　2，jQuery().extend({...})是给jQuery对象添加属性或方法。 一、Jquery的扩展方法原型是:　　　 ...
2020-09-29
L481644173的博客
09-29 210
小雷是仙女 jQuery 对象 •jQuery 对象就是通过 jQuery 包装 DOM 对象后产生的对象。 •jQuery 对象是 jQuery 独有的。 •只有 jQuery 对象才能使用 jQuery 的方法，在 jQuery 对象中无法使用 DOM 对象的任何方法，反之 DOM 对象也无法使用任何 jQuery 的方法。 •约定：如果获取的是 jQuery 对象，那么要在变量前面加上 $ •jQuery 对象中封装了多个 DOM 对象，同时 jQuery 对象是类数组对象 •数组与类数组对象的区别
js函数的封装
starry__sty的博客
09-22 2660
函数封装的概念： 函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。 用函数把重复的代码块包裹起来就是函数封装。 封装的作用： 其实就是为了减少代码的冗余，增加代码的可读性与易维护性， 将实现同一功能的代码封装起来，在需要实现这一功能时调用即可。 举例1 删除dom对象的空白节点： function removeNode(nodee) { for (var i = 0; i < nodee.length; i ++) { if (nodee[i].nodeType ===
相关JQuery函数封装
lavendersue的博客
09-28 1716
在web开发过程中，有些时候任务重，事情多，很多动画效果大多不会再自己来实现，大部分都会使用自己曾经已经做好的动画效果。而为了使用起来快捷，大多都会将动画效果封装为函数，想要动画效果时便调用该动画效果的封装函数，在函数中传入相关参数就可以。因此，在这里为大家提供一些函数的封装。 一、获取DOM方法。由于通过类名获取DOM元素属于HTML5，因此具有兼容性，若想要兼容，则可以调用该方法。
jQuery的封装
jz1234_的博客
11-24 373
通常我们使用jquery的extend()方法时，大都是为了实现默认字段的覆盖，即若传入某个字段的值，则使用传入值，否则使用默认值。不要考虑兼容，跨域等问题，jQuery全部解决，只需要在设定请求时，设定不同的参数，就可以完成不同的请求。’可以在页面加载的时候调用一次，但是不能重复调用，并且数据没有办法获取。2、使用对象封装，将代码封装到对象中，但对象如果被覆盖，则全部失效，风险极高。4、将封装的函数名字去除，避免覆盖，但是函数没有办法调用了。3、使用工厂模式，将代码进行封装，但是并没有解决问题。
jquery简单封装自己写的函数，方法
qq_41850449的博客
04-30 3535
<!DOCTYPE html> <html> <head> <script type="text/javascript" src=jquery-1.8.0.min.js></script> <meta charset="UTF-8"> <title>123</title> </head>...
【JQuery】JQuery封装的小例子
哈士奇
02-25 2650
一、前言      JQuery是一个JS函数库，可以简单标记被添加到网页中。这个js库封装了各种选择器，可以捕获我们使用的html页面的节点。然后对html进行操作。二、封装是什么      我们可以通过封装一些我们常用的方法或者模块，来提高我们自己的手法，提高我们自己的提高效果，所以我们就需要可以提高我们的效率，这样我们就是可以把更好的分析一下。三、封装方法小例子index.html<!DOCT
jquery组件封装
最新发布
07-27
在这段代码中，作者通过自定义的jQuery函数来创建jQuery对象，并定义了一些常用的方法，比如click()和toggle()。通过给jQuery.fn对象添加方法，我们可以在jQuery对象上调用这些方法。同时，作者还实现了一个...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值