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.暴露公共方法 给别人来扩展你的插件(如果有需求的话) 比如的高亮插件有一个
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类的实例可以使用这个"
( 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 调用)。
$("x + y")// 找到所有紧挨在x后面的y $("x ~ y")// x之后所有的兄弟y 基本筛选器: :first // 第一个 :last // 最后一个 :eq(index)// 索引等于.../ 找到所有不包含c1样式类的li标签 $("li:not(:has(a))")// 找到所有后代中不含a标签的li标签 属性选择器: [attribute] [attribute=value]// 属性等于...=value]// 属性不等于 例子: // 示例 $("input...六、操作标签 样式操作 样式类 addClass();// 添加指定的CSS类名。 removeClass();// 移除指定的CSS类名。...hasClass();// 判断样式存不存在 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。
=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("."
相当于: 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类名,如果有就移除,如果没有就添加。
例如: | | [属性名=值] 获得属性名 等于 值 元素。 [属性名!...=值] 获得属性名 不等于 值 元素。 [...][...][...] 复合属性选择器,多个属性同时过滤。...JQ1.6新特性,获得一些第一次分配undefined属性值的标签时,如果抛异常,将忽略浏览器生成的任何错误。 removeProp() 移除标签的特性。...val() 获得value属性的值 val(...) 给value属性设置值 html() 获得html代码,如果有标签,一并获得。 html(....) 设置html代码,如果有标签,将进行解析。...text() 获得文本,如果有标签,忽略。 text(....) 设置文本,如果含有标签,不进行解析。原样输出。
='_blank']") 选取所有 target 属性值不等于 "_blank" 的 元素 $(":button") 选取所有 type="button...attr()函数的执行结果: 1.如果有相应的属性,返回指定属性值. 2.如果没有相应的属性,返回值是undefined....jQuery在进行值获取时,只会返回第一个元素对应的值. 1.3 操作样式类名(jQuery获取并设置 CSS 类): $("#div1").addClass("divClass2") //为...,和原来的元素没有任何关系.即修改新元素,不会影响到原来的元素 $(selector).clone(); jQuery特殊属性操作 1.1 val方法 val方法用于设置和获取"表单元素...使用该插件的步骤: 1.引入jQuery文件 2.引入插件(如果有用到css的) 3.使用插件 1.1.2jQuery.lazyload.js 懒加载插件 1.1.3jQuery.ui.js
jQuery的选择器 一、 基本选择器 1....在一个页面中,一个元素可以有多个CSS类,一个CSS类又可以匹配多个元素,如果有元素中有一个匹配类的名称就可以被类选择器选取到。...(可以是ID选择器、元素选择器或是类名选择器)组合在一起,两个选择器之间以逗号”,”分隔,只要符合其中的任何一个筛选条件就会被匹配,返回的是一个集合形式的jQuery包装集,利用jQuery索引器可以取得集合中的...jQuery对象。...=value] 说明:匹配属性值不等于value的元素 示例:(“div[name!
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属性的值。
基本选择器(*) 在开发过程中,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 无法选中任何元素
相当于: document.getElementById("i1").innerHTML; 虽然 jQuery对象是包装 DOM对象后产生的,但是 jQuery对象无法使用 DOM对象的任何方法,同理....eq() // 索引值等于指定值的元素 左侧菜单栏示例 菜单栏展示 类 addClass();// 添加指定的CSS类名。 removeClass();// 移除指定的CSS类名。...hasClass();// 判断样式存不存在返回的是布尔值 toggleClass();// 切换CSS类名,如果有就移除,如果没有就添加。...--为每一个li标签添加c1类--> 注意: jQuery的方法返回一个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
漏洞编号: 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或更高版本。
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") 选取偶数位置的
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。
,所以我们还需要单独下载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 在屏幕宽度大于等于
jQuery操作样式 css操作 功能:设置或者修改样式,操作的是style属性。...(“one”); 判断是否有某个样式类 //name:用于判断的样式类名,返回值为true false hasClass(name) //例子,判断第一个div是否有one的样式类 $(“div”).hasClass...(“one”); 切换样式类 //name:需要切换的样式类名,如果有,移除该样式,如果没有,添加该样式。...动画 jquery提供了三组基本动画,这些动画都是标准的、有规律的效果,jquery还提供了自定义动画的功能。...,和原来的元素没有任何关系了。
day01: jQuery基础 --> 选择器、属性和CSS、文档处理 day02: jQuery高级 --> 筛选、事件、效果(动画)、ajax 一、jQuery 的介绍 1.1、JS类库 JavaScript...> 通过元素(标签名)获得元素 .class 类选择器, 通过class值获得元素。... 获得属性名 等于 指定值的 的元素【用的最多】 [属性名!...=值] 获得属性名 不等于 指定值的 的元素 [as1][as2][as3]... 复合属性选择器,多个条件同时成立。...("my") 移除,将指定类移除 toggleClass("my") 切换,如果有my类将移除,如果没有该类将添加 4.3、HTML代码/文本/值【掌握】 详解如下: val()
$("[href='#']") 选取所有带有 href 值等于 "#" 的元素。 $("[href!='#']") 选取所有带有 href 值不等于 "#" 的元素。...$("[href$='.jpg']") 选取所有 href 值以 ".jpg" 结尾的元素。...类:this.变量 (内部定义成员变量) 【js中的两种集成方式】 对象冒充:apply和call(把非对象方法的函数当做成员用,apply使用参数数组),可以实现多继承 原型链继承:类型原型...): 1.对象={属性:值,属性:值} 2.带参数的构造 3.object.create() 4.object.member...a=2'> 调用b(),参数通过 document.getElementByTagName('script')解析后获取 js类:传统定义function person