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

当一个元素不再有一个特定的类(没有jquery)时,我想调用一个函数

当一个元素不再有一个特定的类时,可以使用原生JavaScript来调用一个函数。以下是一种常见的实现方式:

代码语言:txt
复制
// 获取元素
var element = document.getElementById("elementId");

// 判断元素是否包含特定的类
if (!element.classList.contains("className")) {
  // 调用函数
  myFunction();
}

// 定义要调用的函数
function myFunction() {
  // 执行相应的操作
}

在上述代码中,首先通过document.getElementById方法获取到要操作的元素。然后使用classList.contains方法判断该元素是否包含特定的类名。如果不包含,则调用myFunction函数进行相应的操作。

需要注意的是,上述代码是使用原生JavaScript实现的,没有依赖于任何第三方库或框架。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

2024年必备:每个前端开发者都应掌握Chrome开发工具调试技巧

但如果你网页应用并未使用JQuery,又该如何快速选择DOM节点呢? 幸运是,即使你应用中没有引入JQuery,Chrome浏览器控制台也提供了类似的功能。...但如果你需要检查函数源代码而激活自动断点呢?...例如,如果一个特定函数调用成千上万次,使用断点会非常耗时。另一方面,如果你想使用基于 console.log 方法,你需要手动编辑源代码。...函数,都会在控制台上显示该函数调用记录和传入参数。...由于文章内容篇幅有限,今天内容就分享到这里,文章结尾,提醒您,文章创作不易,如果您喜欢分享,请别忘了点赞和转发,让更多有需要的人看到。

52610

Github 移除 JQuery 过程

作者希望在这个页面上有一个或多个js小部件元素吗?另外,如果我们更新了页面标记,并且意外地漏掉了js小部件名,浏览器中异常是否会通知我们出了问题?...默认情况下,没有匹配初始选择器jQuery会自动跳过整个expresion;但对我们来说,这种行为是一个bug,而不是一个特性。...最后,我们想开始用Flow对类型进行注释,以便在构建执行静态类型检查,我们结论是,链接语法不适合进行静态分析,因为jQuery方法调用几乎每个结果都是同一。...相反,我们: 设置指标,跟踪每行代码使用jQuery调用比率,并随时间监视该图,以确保它要么保持不变,要么下降,而不是上升。 我们鼓励在任何新代码中导入jQuery。...例如,在我们删除了特定jQueryCSS伪选择器(如:visible或:checkbox)最终用法之后,我们能够删除Sizzle模块;最后一个$.ajax调用被fetch()替换,我们能够删除

2.1K10
  • 一个小时学会jQuery

    假定我们选择带有CSSnotLongForThisWorld所有元素jQuery语句如下所示: $("notLongForThisWorld"); 3.2.  ...语法:$(".className") 本例通过名来获取元素,因为使用同一个样式元素可能有多个,所以通过名来获取元素返回将是一个数组对象,即jQuery包装集,然后对此包装集中元素进行相关操作...complete 请求完成之后调用这个函数,无论成功或失败。传入XMLHttpRequest对象,以及一个包含成功或错误代码字符串。...也就是说,让回调函数内this指向这个对象(如果设定这个参数,那么this就指向调用本次AJAX请求传递options参数)。...使用 JSONP 形式调用函数,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确函数名,以执行回调函数

    18.5K71

    从GitHub.com放弃使用jQuery说起

    干唠是唠不出来什么,因为咱没怎么用过js,只是最近在学习vue.js,看到了一篇GitHub官方在2018年发布解释为什么放弃前端框架jQuery文章,心血来潮,读一遍,顺便翻译出来,以帮助理解...作者是否期望此页面上有一个或多个 js-widget 元素?另外,如果我们更新页面并不小心遗漏了 js-widget 名,浏览器是否会报异常通知我们出了问题?...默认情况下,没有匹配到选择器jQuery 会默默地跳过整个表达式,对我们来说,这是 bug 而不是功能。...我们创建了一个拉取请求机器人,有人试图添加新 eslint-disable 规则,它会在拉取请求上留下评论并通知我们团队。这样我们就可以尽早参与代码审查并提出替代方案。...例如,在我们删除了 jQuery CSS 伪选择器(如 :visible或 :checkbox)之后,我们就能够删除 Sizzle 模块;最后一个 $.ajax调用被 fetch() 替换,我们能够删除

    89820

    waypoint_使用jQuery Waypoint创建粘性导航标题

    大家好,又见面了,是你们朋友全栈君。 waypoint 在本教程中,我们将创建一个导航栏,您向下滚动,它会陪伴您-我们还将在混合中添加一两个two头以对其进行修饰。...您首先需要做是通过在元素调用.waypoint()方法来注册航点。 当然,这本身不会做任何事情-您必须为事件定义一个处理函数。 最简单方法是将该函数作为参数传递给.waypoint() 。...我们定义处理程序函数有两个参数:第一个是标准jQuery event对象,在这里没有什么用。...元素顶部在视口顶部下方指定距离处,正值触发路点;元素位置在视口顶部上方远处,负值触发路径。 )。...至于色带,它们最大缺点是:它们只是一种幻想。 色带侧面实际上并没有绕过容器边缘。 它们只会以这种方式出现,功能区越过从页面边缘伸出元素,这将变得非常明显。

    3.4K30

    前端之jQuery

    3.6.4阻止后续事件执行 使用场景:一个标签绑定了多个事件而我们只希望指定事件被触发使用。...目的: 我们已经创建好事件如果被动态创建标签使用就需要用到事件委托,比如已经创建好了按钮点击事件如果我们要将这个事件绑定给动态创建一个按钮就通过事件委托,将事件绑定给按钮父标签,这样子标签...jQuery这个入口函数没有函数覆盖现象,文档加载完成之后就可以调用(建议使用此函数) 3.8动态效果 // 基本 show([s,[e],[fn]]) hide([s,[e],[fn]]) toggle...jQuery对象,为每个匹配元素执行一个函数。....--为每一个li标签添加c1--> 注意: jQuery方法返回一个jQuery对象,遍历jQuery集合中元素 - 被称为隐式迭代过程。

    4.9K21

    jQuery选择器、Dom操作、样式、事件处理

    1.库和框架区别? 库:就是API函数库,提供API供你调用。...实现一个目的需要很多步骤,使用原生js,就需要每个步骤都写出来,jQuery就把这些步骤打包封装进一个函数中,做成一个API,用户调用这个API,提供参数,就能一步实现目的,简洁高效。...jQuery对象:将DOM原生对象进行封装后得到数组对象,它是jQuery独有的。如果一个对象是jQuery对象,那么就可以使用jQuery方法。....text("设置了一个文本")//设置了元素内部text文本,标签生效 注意:如果结果是多个进行赋值操作时候会给每个结果都赋值;如果结果是多个,获取值时候,返回结果集中一个对象相应值...该方法用于返回属性值:返回第一个匹配元素值。 该方法用于设置属性值:为匹配元素设置一个或多个属性/值对。

    2K30

    25个常规方法优化你jquery代码

    执行选择操作jQuery函数可以指定第二个参数:jQuery( expression, context )通过给选择器提供一个上下文,那就会在这个context中进行元素查找,而不必在整个DOM文档中查找元素...jQuery擅长基于classes进行元素操作,因此如果你需要存储元素状态信息,为什么试试使用额外class来存储它呢? 这里有一个例子。我们创建一个展开菜单。...然而当你需要基于其它一些内容进行元素选择而jQuery没有提供该选择器,你能做什么呢? 嗯,一个解决方案可能是从一开始就给元素添加上classes,从而利用这些classes进行元素选择操作。...如何得知图片已加载完毕 这也一个没有很好文档说明问题(至少在查找没看到),但是在创建照片库、旋转灯笼效果等方面,它是相当常见需求。而这在jQuery中很容易实现。...给你HTML属性增加JS 是从Karl Swedberg那学到这个技巧,过去学习jQuery一直在看他书。 他最近在以前文章留下了对该用法评论,基本原则如下示之。

    1.6K10

    jQuery插件开发全解析

    一个通理是,如果你不能肯定是否暴露特定函数,那么你也许不需要那样做。 那么我们怎么定义更多函数搅乱命名空间也暴露实现呢?这就是闭包功能。...为了演示,我们将会添加另外一个“debug”函数到我们插件中。这个 debug函数将为输出被选中元素格式到firebug控制台。为了创建一个闭包,我们将包装整个插件定义在一个函数中。...虽然 javascript 没有明确概念,但是用来理解它,会更方便。jQuery便是一个封装得非常好,比如我们用 语句 $("#btn1") 会生成一个 jQuery实例。...比如我们要开发一个插件,做一个特殊编辑框,它被点击,便alert 当前编辑框里内容。...jQuery实例,调用成员方法 alertWhileClick后,便实现了扩展,每次被点击它会先弹出目前编辑里内容。

    1.1K70

    jquery jQuery快速入门

    h1标签div标签 $("div:has(.c1)")// 找到所有后代中有c1样式div标签 $("li:not(.c1)")// 找到所有包含c1样式li标签 $("li:not(:has...载入就绪可以查询及操纵绑定一个要执行函数。...: 登录校验示例 与window.onload区别 window.onload()函数有覆盖现象,必须等待着图片资源加载完成之后才能调用 jQuery这个入口函数没有函数覆盖现象,文档加载完成之后就可以调用....each() 方法用来迭代jQuery对象中一个DOM元素。每次回调函数执行时,会传递当前循环次数作为参数(从0开始计数)。...这种情况发生,它通常不需要显式地循环 .each()方法: 也就是说,上面的例子没有必要使用each()方法,直接像下面这样写就可以了: $("li").addClass("c1"); // 对所有标签做统一操作

    16.2K50

    Web高性能动画及渲染原理(1)CSS动画和JS动画

    首先通过JS脚本来修改指定元素样式或是名是可行,另一种方式就是利用带有交互事件属性CSS伪(例如:hover或是:focus),对应事件触发,新样式就会作用于指定元素,这种特性也可以理解为...如果CSS代码中只包含一般静态选择器(指CSS代码中包含能够造成HTML元素状态变更选择器),那么被渲染出元素在整个生命周期中就只会拥有一个关键帧,也就是首次被渲染样式,而1个关键帧或是2个没有样式差异关键帧都无法进行插值计算...使用@keyframes定义动画通常需要指定from和to两个状态(也可以使用0和100%),这意味着开发者只要按照语法要求去定义一个动画过程,它至少会包含两个关键帧,所以即使没有CSS伪或JS脚本帮助...以一个列表项渲染动画为例,通常都会采用阶梯交错动画(也称为stagger动画)来实现,阶梯交错动画中,每一个元素执行动画实际上是一样,但是需要在前一个元素动画过程执行到特定时间点自己才能开始执行动画...velocity方法具有多个方法重载,一般形式为接收两个参数,第一个参数是下一个关键帧样式,它和CSS中定义关键帧没什么本质区别,第二个参数是对动画细节定制,多次调用velocity对象方法就可以实现多步骤动画效果

    7.6K30

    使用jquery-easyui写CRUD插件(1)

    一个通理是,如果你不能肯定是否暴露特定函数,那么你也许不需要那样做。 那么我们怎么定义更多函数搅乱命名空间也暴露实现呢?这就是闭包功能。...为了演示,我们将会添加另外一个“debug”函数到我们插件中。这个 debug函数将为输出被选中元素格式到firebug控制台。为了创建一个闭包,我们将包装整个插件定义在一个函数中。...虽然 javascript 没有明确概念,但是用来理解它,会更方便。jQuery便是一个封装得非常好,比如我们用 语句 $("#btn1") 会生成一个 jQuery实例。...比如我们要开发一个插件,做一个特殊编辑框,它被点击,便alert 当前编辑框里内容。...jQuery实例,调用成员方法 alertWhileClick后,便实现了扩展,每次被点击它会先弹出目前编辑里内容。

    96690

    JavaScript库---JQuery(一)

    1、基础: Jquery库定义了一个全局函数JQuery(); 别名$.是JQuery在全局命名空间中定义唯一两个变量。...返回一个新创建JQuery对象; 另:JQuery中定义许多方法返回值都是JQuery对象(方法调用者);JQuery函数:.each() JQuery中方法:**.each()没有符号; JQuery...第二个参数是可选,值为一个元素JQuery对象;这时返回特定元素元素中匹配到元素集; 参数是Element、Document或Window对象,返回这些对象封装成JQuery对象; 参数是...2、可以使用object对象,该对象属性名是Jquery关键字,可用于传入属性值; 参数为一个函数:文档加载完毕时调用;相当于onLoad()函数;形如$(function(){})或JQuery(...: JQuery使用同一个方法来获取和设置属性,区别是参数不同,类似于重载;   setter(设置)返回JQuery对象;getter(获取)返回单个值(元素);所以链式调用不能使用getter

    4.2K30

    学习zepto.js(Hello World)

    DOMContentLoaded 事件 })   $变量已经存在,如引用了jQuery,那么zepto全局对象将不会指向$,但始终指向window.Zepto ?   ...验证selector为一个Function对象,就会将该方法绑定至DOMContentLoaded事件,   zepto.isZ函数用来验证是否为Zepto对象,如果是就直接返回,不做处理,   其余情况...方法,该选择器包含子选择器并且选择器开头是个#号,这说明人家要是个ID:XXX标签       如果满足这种情况,就调用getElementById并将返回结果放入一个数组,这也是为什么获得jQuery...对象就算是通过ID选择器也会返回一个length为1数组原因,如果没有获取到该元素,则返回一个空数组;     如果不满足该条件,则判断上下文是否为一个标签节点,文档对象节点或一个文档片段节点。...(但是jQuery不是这么写,至少不全是,因为jQuery还有一些自己,zepto是没有的);   关于那个slice.call()只是为了将里边返回dom对象放在一个数组里罢了。

    3.5K80

    JQuery学习—JQuery-Validation 使用

    大家好,又见面了,是全栈君。 JQuery 学习之 JQuery—Validate验证功能!...,则需要验证 required:function(){}返回为真,表需要验证 后边两种常用于,表单中需要同时填或元素 五、常用方法及注意问题 1.用其他方式替代默认SUBMIT $().ready...wrapper:String 用什么标签再把上边errorELement包起来 一般这三个属性同时使用,实现在一个容器内显示所有错误提示功能,并且没有信息自动隐藏 errorContainer:...css,也可跟一个函数 success: function(label) { // set as text for IE label.html(" ").addClass("checked...未通过验证表单(第一个或提交之前获得焦点未通过验证表单)会获得焦点 focusCleanup:Boolean Default: false 如果是true那么未通过验证元素获得焦点,移除错误提示

    4.6K20

    JQuery最全常用方法指南

    ,则触发指定一个函数再次点击同一元素,则触发指定第二个函数。...这是一个Ajax事件 AJAX请求开始(并还没有激活)显示loading信息 $(”#loading”).ajaxStart(function () { $(this).show(); })...; ajaxStop(callback) 所有的AJAX都停止,执行一个函数。...当鼠标移动到一个匹配元素上面,会触发指定一个函数。当鼠标移出这个元素,会触发指定第二个函数。 //当鼠标放在表格某行上将class置为over,离开置为out。...与$(fn)等价 (3)toggle(evenFn, oddFn): 每次点击切换要调用函数。如果点击了一个匹配元素,则触发指定一个函数再次点击同一元素,则触发指定第二个函数

    11K31

    jQuery 教程

    页面对不同访问者响应叫做事件。 事件处理程序指的是 HTML 中发生某些事件调用方法。 实例: 在元素上移动鼠标。...该事件方法在 jQuery 语法 章节中已经提到过。 click() click() 方法是按钮点击事件被触发时会调用一个函数。 该函数在用户点击 HTML 元素执行。...该处理程序只能被每个元素触发一次 $.proxy() 接受一个已有的函数,并返回一个特定上下文函数 ready() 规定当 DOM 完全加载要执行函数 resize() 添加/触发 resize...方法 描述 $.Deferred() 返回一个链式实用对象方法来注册多个回调 deferred.always() Deferred(延迟)对象被受理或被拒绝调用添加处理程序 deferred.done...() Deferred(延迟)对象被受理调用添加处理程序 deferred.fail() Deferred(延迟)对象被拒绝调用添加处理程序 deferred.isRejected()

    17K20

    jQuery」基础 - 01

    1.1. jQuery 介绍 1.1.1 JavaScript 库 JavaScript库:即 library,是一个封装好特定集合(方法和函数)。...是jQuery顶级对象,相当于原生JavaScript中 window。把元素利用包装成jQuery对象,就可以调用jQuery 方法。 1.2.5....原生 JS 中 className 会覆盖元素原先里面的名,jQuery 里面操作只是对指定进行操作,不影响原先名。 1.4.3....事件切换 jQuery中为我们添加了一个新事件hover(),功能类似 css 中:hover,介绍如下: 语法 hover([over,]out) // 其中over和out为两个函数...over:鼠标移到元素上要触发函数(相当于mouseenter) out:鼠标移出元素要触发函数(相当于mouseleave) 如果只写一个函数,则鼠标经过和离开都会触发它 hover事件和停止动画排列案例

    6.9K21

    jquery校验规则使用

    : jQuery.validator.format("请输入一个长度最少是 {0} 字符串"), rangelength: jQuery.validator.format("请输入一个长度介于...,则需要验证 required:function(){}返回为真,表需要验证 后边两种常用于,表单中需要同时填或元素 常用方法及注意问题 1.用其他方式替代默认SUBMIT...wrapper:String 用什么标签再把上边errorELement包起来 一般这三个属性同时使用,实现在一个容器内显示所有错误提示功能,并且没有信息自动隐藏 errorContainer...css,也可跟一个函数 success: function(label) { // set as text for IE label.html(" ").addClass("...,未通过验证表单(第一个或提交之前获得焦点未通过验证表单)会获得焦点 focusCleanup:Boolean Default: false 如果是true那么未通过验证元素获得焦点

    5K30
    领券