首页
学习
活动
专区
圈层
工具
发布

写jquery插件(转载)

jQuery.extend(object) ,一个参数的用于扩展jQuery类本身,也就是用来在jQuery类/命名空间上增加新函数,或者叫静态方法,例如jQuery内置的 ajax方法都是用jQuery.ajax...100 var max_v = $.maxValue(i, j); // max_v 等于 101 重载版本:jQuery.extend([deep], target, object1...如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。否则的话,副本会与原对象共享结构。    ...我们知道扩展原型上的方法,就相当于为对象添加”成员方法“,类的”成员方法“要类的对象才能调用,所以使用jQuery.fn.extend(object)扩展的方法, jQuery类的实例可以使用这个“成员函数...(其实很简单,就是执行完我们插件代码的时候将jQuery对像return 出来,和上面的代码没啥区别) View Code 4.暴露公共方法 给别人来扩展你的插件(如果有需求的话) 比如的高亮插件有一个

2.5K30

jQuery插件编写步骤详解

jQuery.extend(object) ,一个参数的用于扩展jQuery类本身,也就是用来在jQuery类/命名空间上增加新函数,或者叫静态方法,例如jQuery内置的 ajax方法都是用jQuery.ajax.../// /// 比较两个值,返回最小值 /// return a 等于 101 重载版本: jQuery.extend([deep], target, object1, [objectN]) 用一个或多个其他对象来扩展一个对象...如果不指定target,则给jQuery命名空间本身进行扩展。这有助于插件作者为jQuery增加新方法。 如果第一个参数设置为true,则jQuery返回一个深层次的副本,递归地复制找到的任何对象。...我 们知道扩展原型上的方法,就相当于为对象添加"成员方法",类的"成员方法"要类的对象才能调用,所以使用 jQuery.fn.extend(object)扩展的方法, jQuery类的实例可以使用这个"

1.9K110
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    JavaScript中的函数重载(Function overloading)

    ( elem, name[ i ], false, styles ); } return map; } // 如果value 不等于 undefined 就调用jQuery.style...方法设置样式 // 如果value 等于 undefined 就调用jQuery.css 方法获取样式 return value !...2、jQuery.style( ) 方法:在DOM节点上读取或设置样式属性 在css( )方法中,如果有传第二个参数,也就是有要设置的属性值时,那就会调用 jQuery.style( ) 方法设置样式...jQuery.extend( )与 jQuery.fn.extend( )的区别 jQuery.extend( )是为jQuery类添加类方法(静态方法),需要通过jQuery类来调用(直接使用 $....xxx 调用); jQuery.fn.extend( )是为jQuery类添加成员数(实例方法),所有jQuery实例都可以直接调用(需要使用 $().xxx 调用)。

    2.1K10

    jQuery的基本操作

    =value] //概述 //匹配所有不含有指定的属性,或者属性不等于特定的值· //次选择器等价于:not([attr=value])要匹配含有特定属性但不等于特定值的元素,请使用[attr]:not...对象,如果试图将删除该属性,浏览器可能会产生错误,jQuery第一次分配undefined值的属性,而忽略了浏览器生成的任何错误· name 属性名称 properties 作为属性的"名、值对"对象...class CSS类名 class,switch 1·要切换的CSS类名 2·用于决定元素是否包含class的布尔值 switch 用于决定元素是否包含class的布尔值· function...boolean值· 参数class描述 每点击三峡加上一个"highlight"类 HTML代码 jQuery代码 jQuery代码 var count=0:...代码 $("li").last() 结果 [list item3]   has //概述 //检查当前的元素是否含有某个特定的类,如果有,则返回true· /这就是is("."

    8.8K20

    jquery jQuery快速入门

    相当于: document.getElementById("i1").innerHTML; 虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法,同理.../ 找到所有不包含c1样式类的li标签 $("li:not(:has(a))")// 找到所有后代中不含a标签的li标签 练习: 自定义模态框,使用jQuery实现弹出和隐藏功能。...jQuery版自定义模态框 属性选择器: [attribute] [attribute=value]// 属性等于 [attribute!....eq() // 索引值等于指定值的元素 示例:左侧菜单 左侧菜单示例 操作标签 样式操作 样式类 addClass();// 添加指定的CSS类名。...removeClass();// 移除指定的CSS类名。 hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。

    19.5K51

    JavaWeb04-jQuery(Java真正的全栈开发)

    jQuery 一.jQuery入门 1.javascript类库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。...> 语法:$("#id值") 元素(标签)选择器 语法:$("标签") 类(class)选择器 语法:$(".class名称") 所有 语法...=value] 属性值不等于value的元素 [attribute^=value] 属性值以value开头的元素 [attribute$=value] 属性值以value结尾的元素 [attribute...值”> attr(key,val) 给指定的属性设置值。(设置一个) attr(pro) 给jQuery对象设置一组值。使用JSON格式。...如果没有就添加,如果有就移除。 3.html代码/文本/值 操作的是标签的value属性或者标签体 val() 获得 value属性的值。

    3K90

    jQuery(选择器)

    基本选择器(*) 在开发过程中,jQuery对象的定义 var $obj=$("选择的对象"); //$obj为自定义的元素名 id选择器 $("#id"); 选中的结果是该元素的jQuery对象 标签选择器...$("标签名称");jquery对象的集合,如果选择结果只有一个,那么是当前对象 类选择器 $(".类名"); jQuery对象的集合,类名是在css中定义 并集选择器 $("selector1seletor2...='指定值'] 获取相应属性值中不包含指定值的元素; 基本过滤选择器 都是以:开头 :eq(index):选择索引等于index的元素; :gt(index):选择索引大于index的元素; :lt(index...,等于在前; eq后的元素index重新按照0进行排列才能取出正确的数据(推荐显示先用lt,再使用eq); 可见性过滤选择器 :visible 选取所有可见元素(占据文档流的位置。...多行文本); 等同于: $("input[type='text']") :password 选择所有密码元素; 等同于: $("input[type='password']") :image 无法选中任何元素

    2.3K10

    jQuery筛选器及练习 jQuery初识

    $(“#i1”).html()的意思是:获取id值为i1的元素的HTML代码,其中html()是jQuery里的方法。...相当于JavaScript中的document.getElementById("i1").innerHTML; 虽然jQuery对象是包装DOM对象后产生的,但是jQuery对象无法使用DOM对象的任何方法...$("#id > a"); //查找第一个a标签 基本选择器: :first //第一个 :eq(index) //索引等于index的那个元素 :last //最后一个 属性选择器...c1的标签 $(".c1") 5.找到本页面所有样式类中有btn-default的标签 $(".btn-default") 6.找到本页面所有样式类中有c1的标签和所有h2标签...$(".c1,h2") 7.找到本页面所有样式类中有c1的标签和id是p3的标签 $(".c1,#p3") 8.找到本页面所有样式类中有c1的标签和所有样式类中有btn的标签 $(".c1

    1.5K30

    jQuery框架漏洞全总结及开发建议

    漏洞编号: CVE-2016-7103、CVE-2015-9251、CVE-2014-6071、CVE-2012-6708、CVE-2011-4969 影响版本:1.x系列版本等于或低于1.12的jQuery...2.x系列版本等于或低于2.2的jQuery 0x02 漏洞复现 1.6.1版本: xss# 1.7.2版本: xss#<img...构建一款应用程序时,用户经授权能够发送和保存时一样的JSON有效负载,如下: 此时需要以递归方式克隆一个对象,通过如下方式:: 如果从数据库中获取的用户对象myObject并未在isAdmin 属性中设置任何值...使用布尔属性的混合类名称的任何属性getter都会进入无限递归,超过堆栈调用限制。...使用布尔属性的混合类名称的任何属性getter都会进入无限递归,超过堆栈调用限制。 0x03 开发建议 升级jquery到3.0.0或更高版本。

    20.8K20

    jQuery选择器

    jquery选择器允许对html中的元素组合单个元素进行操作,jquery的选择器和css的选择器几乎大同小异,大致分为元素选择器、id选择器和类选择器。...jquery的选择器基于元素的id、类、类型、属性、属性值等查找或选择html元素,基于已经存在的css选择器,另外,jquery也支持自定义选择器。...类选择器 类选择器,也就是.class选择器。jquery可以通过指定的class查找元素。 <!...$("ul li:first-child") 选取每个ul元素的第一个li元素 $("[href]") 选取带有href属性的元素 $("a[target=_blank]") 选取所有target属性值等于...=_blank]") 选取所有target属性值不等于"_blank的元素" $(":button") 选取所有type=button的input元素和button元素 $("tr:even") 选取偶数位置的

    2.5K20

    JavaScript原型链污染原理及相关CVE漏洞剖析

    JavaScript中,我们如果要定义一个类,需要以定义“构造函数”的方式来定义。每个函数都有一个特殊的属性叫作原型(prototype)。例如,定义一个Person类,查看它的原型。...如果有这样一个场景:job对象是由用户输入的,并且用户可以输入任意对象。那么我们输入一个含有“proto”属性的对象,那合并的时候就可以把person的原型给修改了。...jQuery在3.4.0版本里修复了该漏洞,修复方法就是判断一下属性是否有proto,如果有就跳过,不合并。 ?...目标值objValue是{}对象本身的proto属性,即Object.prototype,是一个Object,因此3984行里新值newValue等于objValue。...因为z是属性数组的最后一个元素,所以newValue等于123,此时将给Object.prototype添加一个z属性,值是123。

    5.2K20

    前端移动web-day05学习笔记

    ,所以我们还需要单独下载jquery,它的下载地址是:https://code.jquery.com/jquery-1.12.4.min.js 11.png 22.png 1.2-bootstrap初始化...-- 上述3个meta标签*必须*放在最前面,任何其他内容都*必须*跟随其后! --> Bootstrap 101 Template <!...col-s-x s(screen):表示屏幕尺寸,他们有四个可选值 lg:大栅格,这种栅格在屏幕宽度大于等于1200时可以排成一行,小于1200时每个栅格独占一行 md:中栅格,这种栅格在屏幕宽度大于等于...一旦屏幕宽度小于768,单独一行(x的尺寸直接失效) col-xs-8:表示该栅格在任何屏幕下,占的宽度比例是8份( 8/12 = 0.667 相当于width:66.7%,三分之二)。...,偏移的样式类和栅格一样,也分为四种 1、.col-lg-offset-x x代表1~12的数字,它表示栅格偏移的宽度份数,在屏幕宽度大于等于1200起作用 2、.col-md-offset-x 在屏幕宽度大于等于

    3.6K20
    领券