首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

jQuery - 如果有两个类 - 获得第一个

类名

代码语言:javascript
复制
class1 = jQuery.Class({

    method1: function() {

        console.log("jQuery class1 method1");

    },

    method2: function() {

        console.log("jQuery class1 method2");

    }

});

class2 = jQuery.Class({

代码语言:txt
复制
method1: function() {
代码语言:txt
复制
    console.log("jQuery class2 method1");
代码语言:txt
复制
},
代码语言:txt
复制
method2: function() {
代码语言:txt
复制
    console.log("jQuery class2 method2");
代码语言:txt
复制
}

});

// 使用类

var obj1 = new class1();

obj1.method1(); // 输出:jQuery class1 method1

var obj2 = new class2();

obj2.method1(); // 输出:jQuery class2 method1

代码语言:txt
复制
类名

```javascript

class1 = jQuery.Class({

代码语言:txt
复制
method1: function() {
代码语言:txt
复制
    console.log("jQuery class1 method1");
代码语言:txt
复制
},
代码语言:txt
复制
method2: function() {
代码语言:txt
复制
    console.log("jQuery class1 method2");
代码语言:txt
复制
}

});

代码语言:txt
复制
class2 = jQuery.Class({

    method1: function() {

        console.log("jQuery class2 method1");

    },

    method2: function() {

        console.log("jQuery class2 method2");

    }

});

// 使用类

var obj1 = new class1();

obj1.method1(); // 输出:jQuery class1 method1

var obj2 = new class2();

obj2.method1(); // 输出:jQuery class2 method1
页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

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

jQuery 一.jQuery入门 1.javascript库 JavaScript 库封装了很多预定义的对象和实用函数。能帮助使用者建立有高难度交互客户端页面, 并且兼容各大浏览器。...标签的src属性导入即可 二.jQuery基本操作 1.获得jQuery对象 语法:$(选择器或者DOM对象) 或 jQuery(选择器或者DOM对象) $ == jQuery <script type...获得jQuery对象,底层使用数组进行维护的,可以存放多个对象。 //然后通过get()可以从jquery对象转换成 dom对象。参数:数组的下标,可以省略。如果省略下标获得dom 数组。...后面第一个兄弟 语法:$("A + B") --> A标签后面的第一个兄弟 后面的所有兄弟 语法:$("A ~ B") --> A标签后面的所有兄弟 3.基本过滤 :first 获得第一个 :last...如果没有就添加,如果有就移除。 3.html代码/文本/值 操作的是标签的value属性或者标签体 val() 获得 value属性的值。

2.3K90
  • Cypress(四)查询元素

    一.通过jquery选择器查询 我们知道Jquery作为前端经典框架,也有查询元素的功能,那么两者有啥相似和不同之处呢?...1.相似: 如果使用Jquery,想通过选择器查询元素,代码如下: $('.my-selector') 在Cypress里通过查询同样的元素,代码如下: cy.get('.my-selector')...它会立马同步返回一个空的jQuery集合,不包含我们要找的元素就立马结束了,不会去重试查询,如果有时候页面没有完全加载出来去查询,结果返回为空,但是实际上页面又有这个元素,这明显不符合我们ui自动化的需求...注:在Cypress中,当您想直接与DOM元素交互时,可以使用.then()将元素作为其第一个参数的回调函数进行调用。... 我们可以很方便的通过内容来查询获得,代码如下: cy.contains('百度首页') 这是不是很方便,当我们不知道控件的css,属性等信息时,照样可以轻松定位到。

    1.8K20

    JavaScript库---JQuery(一)

    1、基础: Jquery库定义了一个全局函数:JQuery(); 别名$.是JQuery在全局命名空间中定义的唯一两个变量。...function(){}); JQuery遍历用的几个基础方法: each(): 例$('div').each(function(index,this){});此方法唯一参数为一个回调函数,回调函数的有两个参数...,第一个参数为事件名称,可为多个且用空格分开,第二个参数为处理函数;          可以有三个参数,第一个参数和第三个参数为事件名与处理函数,第二个参数可为任何值,被设置为Event对象的data属性...'a').bind({mouseup:f,mousedown:g}); 如果有第二个参数,则为函数f与g的参数;      one() : 原理与bind()一样,只是注册的事件触发一次后会自动注销;...动画:   2、自定义动画:aniamte()方法,此方法接收两个参数:     第一个指定动画内容,包括要变化的css属性和它们的目标值;     第二个参数是可选的,指定如何定制动画;主要属性有

    4.2K30

    JQuery选择器和JQuery包装集

    JQuery选择器 编写任何javascript程序都需要首先获得对象, jQuery选择器能彻底改变我们平时获取对象的方式, 可以获取几乎任何语意的对象, 比如”拥有title属性并且值中包含test...onload是原生的JAVASCRIPT事件方法; onload必须等到页面内包括图片的所有元素加载完毕后才能执行,ready是DOM结构绘制完毕后就执行,不必等到加载完毕; onload不能同时编写多个,如果有多个...input:not(:checked)") 结果:[ ] $("p").slice(0, 1);选取一个匹配的子集 .slice(start [,end] );第一个参数...第一个元素是0.如果是负数,则可以从集合的尾部开始选起。 第二个参数:结束选取自己的位置,如果不指定,则就是本身的结尾。...HellocruelWorld 选择第一个p元素:$("p").slice(0, 1).wrapInner("");//选择的是value值 选择前两个

    3.1K20

    【JavaWeb】86:jQuery的属性、文档、动画以及事件

    1获得匹配元素的当前值 格式:val([val|fn|arr])。这是文档中的一个标准语法格式,其实也可以分情况来理解: ?...在jQuery中,是给函数val()传一个参数。 如果赋值,那么就是在修改对应标签的值。 2获得匹配元素的html内容/文本 这两个实在是太像了,就将它们放在一起讲了。...3获得匹配元素的属性 标签中有各种各样的属性,下面以div标签中的name属性作为例子: ? attr,attribute 的缩写,即代表了属性。...①绑定事件 函数为on(),一共有两个参数: 第一个参数为事件名称,例子中为click事件。 第二个参数为事件执行时的函数。...③切换事件 函数为hover(),hover,盘旋悬浮的意思,一共有两个参数: 第一个参数为鼠标移上去时触发的函数。 第二个参数为鼠标移出去时触发的函数。 这样就能达到一个切换的效果。

    2.4K40

    ASP.NET 使用Ajax

    WebApplication,把jQuery.js引入project,然后添加两个页面,Default.aspx作为测试用 Default.aspx <%@ Page Language="C#" AutoEventWireup...,简单向Normal.aspx页面发送请求,请求成功则alert全部response(即success方法参数:result,jQuery会把responseText传入success方法第一个参数),...一个简单的get请求完成了,这样的结果一般没有多大用处,也不是ajax意图所在,使用Ajax主要是想使用JavaScript可以异步向服务器发送特定请求,获取服务器相关数据,比如向服务器询问天气,然后获得天气数据...,因为GetStudent只有一个参数,所以只写一个,如果有两个参数就顺序写两个,另外两个参数可以很明显看出来是响应成功/失败处理程序。...本文的源代码可以点击这里获得。 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/154960.html原文链接:https://javaforall.cn

    2.7K20

    day40_jQuery学习笔记_01

    day01: jQuery基础 --> 选择器、属性和CSS、文档处理 day02: jQuery高级 --> 筛选、事件、效果(动画)、ajax 一、jQuery 的介绍 1.1、JS库 JavaScript...> 通过元素(标签名)获得元素 .class      选择器, 通过class值获得元素。...(爷孙) A>B     获得A元素内部所有的B的子元素。(父子) A+B     获得A元素后面的第一个兄弟元素B。(1个兄弟) A~B     获得A元素后面的所有的兄弟元素B。...("my")   移除,将指定移除 toggleClass("my")   切换,如果有my将移除,如果没有该类将添加 4.3、HTML代码/文本/值【掌握】 详解如下: val()       ...设置html代码,如果有标签,将被解析 text()      获得文本值,将标签进行过滤,即只获得文本 text(...)

    6.6K20

    学习zepto.js(Hello World)

    $函数返回了上图中的zepto.init()函数的执行结果,接收了两个参数,第一个是选择器(selector),第二个是上下文(context),   如果调用时selector为空,则直接返回一个Zepto...该方法接收最多三个参数,   第一个为html值,可以只是一个标签,如(“”)、或一个html片段,如(“hello”);   第二个为一个标识符,用来确定标签类型,该变量主要用于对表格元素进行一些特殊的处理...getElementById方法,该选择器不包含子选择器并且选择器开头是个#号,这说明人家要的是个ID:XXX的标签       如果满足这种情况,就调用getElementById并将返回结果放入一个数组,这也是为什么获得...(但是jQuery不是这么写的,至少不全是,因为jQuery还有一些自己的伪,zepto是没有的);   关于那个slice.call()只是为了将里边返回的dom对象放在一个数组里罢了。   ...先写那么点吧,快十点了,有点略困;   我是昨天听说,今天才开始接触它,如果有哪里写的不对,还请指出来。谢谢!

    3.5K80

    jQuery 重点解析 write less,but do more

    select() 触发、或将函数绑定到指定元素的 select 事件 submit() 触发、或将函数绑定到指定元素的 submit 事件 toggle() 绑定两个或多个事件处理器函数...jQuery 属性操作方法 方法 描述 addClass() 向匹配的元素添加指定的名。 attr() 设置或返回匹配元素的属性和值。....find() 获得当前匹配元素集合中每个元素的后代,由选择器进行筛选。 .first() 将匹配元素集合缩减为集合中的第一个元素。....offsetParent() 获得用于定位的第一个父元素。 .parent() 获得当前匹配元素集合中每个元素的父元素,由选择器筛选(可选)。...jQuery.noConflict() 运行这个函数将变量 $ 的控制权让渡给第一个实现它的那个库。

    1.3K20

    jQuery中的常用内容总结(一)

    jQuery中的常用内容总结(一) 前言 不好意思(✿◠‿◠),由于回家看病以及处理一些其它事情耽搁了,不然这篇博客本该上上周或者上周写的;同时闲谈几句:在这里建议各位开发的童鞋,如果有疾病尽快治疗,...  >>CLASS()选择器  形如:$("....,直接上代码吧: 1 2 3 h3 4 第一个P 5...准确的说这是一个符合类型,一般其他教程里面都是叫jQuery对象类型,在这里也顺遂大意叫"jQuery类型"吧,现在来看看这个jQuery对象到底是什么东东: ?...如果是ID选择器,则jQuery对象中没有prevObject这个参数,因为ID本身就是唯一的,例如上面的代码,如果在html中定义了两个ID,jQuery选择器永远只会选择第一个匹配的,如果你只需要在

    1K30

    jquery框架分析-构造jquery对象初步

    jquery对象的初始化是写在匿名函数里的 就像这样: (function(){alert("jquery框架分析")})(); 第一个括号是声明了一个函数,第二个括号是执行这个函数 也就是说,jquery...首先框架定义了两个核心对象 jQuery = window.jQuery = window.$ = function( selector, context ) {} 一个是jQuery  一个是   ...json对象中完成定义的 这个json对象中第一个方法就是init方法 也就是入口方法中的jQuery.fn.init( selector, context ); 此方法与一个正则表达式对象配合来构造...,暂且不表 注意这两个参数都在返回的jquery对象中体现出来了(以两个同名的属性展示) 下面看一下这个方法体内部的实现逻辑 //如果没有选择器或者选择器为空的话,就把document对象赋值给他...) //第2个元素是第2个子表达式相匹配的文本(如果有的话) //第3个元素是第3个子表达式相匹配的文本(如果有的话)这里就是元素的ID,不包含# var match = quickExpr.exec(

    1.4K30

    jQuery的基本操作

    /从所有匹配的元素中删除全部或者指定的· class 一个或多个要删除的CSS名,请用空格分开 function(index,class) 此函数必须返回一个或多个空格分隔的class名,接受两个参数...class 一个或多个要删除的CSS名,请用空格分开· function(index,class) 次函数必须返回一个或多个空格分隔的class名.接受两个参数,index参数为对在这个集合中的索引值...|fn|arr]) //概述 //获得匹配元素的当前值 //jQuery 1.2中,可以 返回任意的值了.包括select.如果多选,将返回一个数组,其包含所选的值· val 要设置的值 function...对象,返回jQuery对象,当参数大于等于0时为正向选取,比如0代表第一个,1代表第二个,当参数为负数时为反向选取·比如-1为倒数第一个,具体可以看一下实列 类似的有get(index),不过get...代码 $("li").last() 结果 [list item3]   has //概述 //检查当前的元素是否含有某个特定的,如果有,则返回true· /这就是is("."

    7.5K20

    JavaScript中的函数重载(Function overloading)

    typeof old === "function") { return old.apply(this, arguments); } } } addMethod 函数,它接收3个参数 第一个...== undefined ) { ...... } 也就是这个方法,在帮 css( ) 方法判断第一个参数是字符串还是对象的。...2、jQuery.style( ) 方法:在DOM节点上读取或设置样式属性 在css( )方法中,如果有传第二个参数,也就是有要设置的属性值时,那就会调用 jQuery.style( ) 方法设置样式...jQuery.extend( )与 jQuery.fn.extend( )的区别 jQuery.extend( )是为jQuery添加方法(静态方法),需要通过jQuery来调用(直接使用 $....xxx 调用); jQuery.fn.extend( )是为jQuery添加成员数(实例方法),所有jQuery实例都可以直接调用(需要使用 $().xxx 调用)。

    1.5K10

    jQuery插件编写步骤详解

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

    1.5K110

    jquery插件(转载)

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

    2.1K30

    jQuery中的常用内容总结(一)

    jQuery中的常用内容总结(一) 前言 不好意思(✿◠‿◠),由于回家看病以及处理一些其它事情耽搁了,不然这篇博客本该上上周或者上周写的;同时闲谈几句:在这里建议各位开发的童鞋,如果有疾病尽快治疗,...  >>CLASS()选择器  形如:$("....,直接上代码吧: 1 2 3 h3 4 第一个P 5...准确的说这是一个符合类型,一般其他教程里面都是叫jQuery对象类型,在这里也顺遂大意叫"jQuery类型"吧,现在来看看这个jQuery对象到底是什么东东: ?...如果是ID选择器,则jQuery对象中没有prevObject这个参数,因为ID本身就是唯一的,例如上面的代码,如果在html中定义了两个ID,jQuery选择器永远只会选择第一个匹配的,如果你只需要在

    1.1K90
    领券