首页
学习
活动
专区
工具
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

    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

    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

    【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

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

    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

    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

    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的基本操作

    /从所有匹配的元素中删除全部或者指定的· 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

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

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

    1.1K90

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