开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

我用来打开和关闭div的JQuery代码不起作用

问题描述：我用来打开和关闭div的JQuery代码不起作用。

回答：

这个问题可能有多种原因导致JQuery代码不起作用。以下是一些可能的解决方案：

确保JQuery库已正确引入：在代码中使用JQuery之前，确保已正确引入JQuery库。可以通过在HTML文件的<head>标签中添加以下代码来引入JQuery库：<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>或者可以使用本地的JQuery库文件。
确保代码在DOM加载完成后执行：在使用JQuery时，确保代码在DOM加载完成后执行。可以使用以下代码来确保代码在DOM加载完成后执行：$(document).ready(function() { // 在这里编写你的JQuery代码 });或者简写为：$(function() { // 在这里编写你的JQuery代码 });
检查代码语法和逻辑错误：检查你的JQuery代码是否存在语法错误或逻辑错误。可以使用浏览器的开发者工具（通常按下F12键打开）来查看控制台是否有任何错误信息。
确保选择器正确：如果你的JQuery代码使用了选择器来选择要操作的元素，请确保选择器是正确的。可以使用浏览器的开发者工具来检查选择器是否能够正确选择到目标元素。
检查事件绑定：如果你的JQuery代码是通过事件来触发的（例如点击事件），请确保事件绑定正确。可以使用以下代码来绑定点击事件：$(document).on('click', '#elementId', function() { // 在这里编写你的点击事件处理代码 });其中，'#elementId'是要绑定点击事件的元素的ID。
确保代码没有被其他代码覆盖：如果你的JQuery代码被其他代码覆盖或修改了，可能会导致代码不起作用。可以使用浏览器的开发者工具来检查代码是否被其他代码修改。

如果以上解决方案都没有解决你的问题，建议提供更多的代码和错误信息，以便更好地帮助你解决问题。

相关搜索:打开当前div时关闭其他打开的div (jQuery)只打开我想要的div (Jquery)使用JQUERY关闭DIV标记并打开新的DIV标记使用相同的按钮打开和关闭Jquery JQUERYUI:模式按钮在我关闭和打开时不起作用对animate() jquery的怀疑...打开和关闭列 div展开和折叠在我的php代码中不起作用。打开和关闭列表中的链接不起作用我用来构造n奇数幻方的代码不起作用如何关闭和打开我的侧边栏onClick 为什么我的jQuery在点击正文之前会打开和关闭弹出窗口？为什么我的简单JQuery代码不起作用？在不破坏代码的情况下关闭和打开ng-template中的html div 为什么我的代码只输出“打开”而不输出“关闭”？在Angular中打开和关闭某个div的最好方法是什么？我的jquery代码在ejs模板中不起作用编写宏代码以打开和关闭excel图表中的序列通过Jquery加载刷新DIV和页面内的JavaScript不起作用每行代码上的水平箭头是什么？我该如何打开/关闭它？我的jquery hide和show()在画布上不起作用

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

jQuery 基本语法

jQuery，一个 JavaScript 库，极大地简化了 JavaScript 编程，很容易学习。它是一款同prototype、Note.js等一样优秀的js开发库类，特别是对css和XPath的支持，使我们写js变得更加方便！如果你不是个js高手又想写出优秀的js效果，jQuery可以帮你达到目的！

04

jQuery的基本操作

jQuery就是一个js的库· 主要分为两部分: 1·寻找元素（选择器,筛选器） 2·操作元素（CSS的操作,属性的操作,文本的处理）选择器基本 #id #id //用于搜索的,通过元素的id属性中给定的值描述:(查找ID为myDiv的元素) HTML代码:

02

Web前端JQuery面试题（一）

匹配包含给定文本的元素匹配所有不包含子元素或者文本的空元素匹配含有选择器所匹配的元素的元素匹配含有子元素或者文本的元素

02

border-radius 兼容 IE8浏览器

我们都知道，前端开发最让人头疼的事情，就是兼容ie系列的浏览器了，不但麻烦还让人头秃，今天记录一个border-radius属性IE8浏览器兼容的问题。在IE8浏览器里面，border-radius这个属性是不起作用的，这个时候，就需要进行一些处理了，首先下载pie.htc文件pie.htc是一个可以解决IE6/7/8无法支持CSS3属性的文件

01

Bootstrap

Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。 Bootstrap支持响应式布局!响应式布局指的是一个网站能够兼容多种终端设备访问!. 终端设备:..电脑、平板电脑、手机

03

走进webpack（2）–第三方框架（类库）的引入及抽离

正文之前，由于这是一个系列的文章，可能第一次看到的看官老爷们会觉得突兀，如果你是webpack新手，我建议你先从前几篇文章看起，如果你对webpack有一些了解，也希望可以在github上下载代码，对照着看会更有效果

01

走进webpack（2）--第三方框架（类库）的引入及抽离

正文之前，由于这是一个系列的文章，可能第一次看到的看官老爷们会觉得突兀，如果你是webpack新手，我建议你先从前几篇文章看起，如果你对webpack有一些了解，也希望可以在github上下载代码，对照着看会更有效果　　在当代的前端开发中，很少会用原生JS来开发页面，最基本的都会使用jQuery来节省我们开发的时间和效率，而angular，vue，react的出现更是为前端开发者带来了福音。那么这篇文章就说说如何用webpack来打包引入第三方框架（类库）。如果单纯的引入jQuery或者其他第三方类库

jquery的html,text,val

.html()用为读取和修改元素的HTML标签 .text()用来读取或修改元素的纯文本内容 .val()用来读取或修改表单元素的value值。这三个方法功能上的对比 .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的HTML内容（包括其Html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上；

05

jQuery串联操作

把与表达式匹配的元素添加到jQuery对象中。这个函数可以用于连接分别与两个表达式匹配的元素结果集。

01

js与jQuery的区别以及jQuery选择器和方法的使用

jQuery是什么：jQuery是JavaScript的类库，封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。

01

layui弹出层html,layer弹出层「建议收藏」

我昨天用这个插件的时候也有这个问题，弹出内容大了就居不了中。这是组件不完美的地方，他设置了top和left值，而且是固定的。这种弹出层都是绝对定位的所以没办法用margin：auto 0神马的居中。解决方案主要两种： 1.修改在浏览器里面调试模式。

03

evaluateJavascript_javascript alert报错

当前位置:我的异常网» Ajax » jquery.validationEngine 验证 AJAX 不起作用解决方

02

WordPress 添加个性化的博客宠物（妹纸篇）

某日闲逛看到的某个博客上的一个博客宠物，准确来说不是宠物，人家可是萌妹纸啊！看看右侧这个图，就是这个萌妹纸了（后来用谷歌相似图片搜索才发现是死亡笔记的）。让我感到有点跌眼镜的是，那个博客主是个汉纸！看

05

WordPress 添加个性化的博客宠物（汉纸篇）

之前一篇文章分享了在WordPress 添加个性化的萌妹子的方法（见：《WordPress 添加个性化的博客宠物（妹纸篇）》），不过那个不适合广大的男汉纸的博客，因此今天带来个适合男同胞博客的博客宠物

05

Java与JQuery：探秘事件绑定、入口函数与样式控制

在现代的Web开发中，Java和JQuery是两个不可或缺的角色。Java为我们提供了强大的后端支持，而JQuery则是前端开发的得力助手。本篇博客将围绕Java和JQuery，深入探讨事件绑定、入口函数和样式控制，带你进入前端开发的奇妙世界。

00

【Java 进阶篇】Java与JQuery：探秘事件绑定、入口函数与样式控制

在现代的Web开发中，Java和JQuery是两个不可或缺的角色。Java为我们提供了强大的后端支持，而JQuery则是前端开发的得力助手。本篇博客将围绕Java和JQuery，深入探讨事件绑定、入口函数和样式控制，带你进入前端开发的奇妙世界。

06

WordPress中的jQuery库不起作用的相关问题

WordPress 中的jQuery 库问题曾经困扰了我一段时间。如果仅仅加载WordPress 自带的jQuery 库，在使用一些jQuery 插件的时候明明是代码没有错误，但就是不起作用，该有的效果不能实现；但加载了原版的jQuery 库却又可以了，这样一来却同时加载了两个jQuery 库，网页速度拖慢了而且根本没有必要。后来才了解到：为了防止与其他 JS 库（如 YUI）冲突，WordPress 内置 jQuery 库的末尾都在原版的基础上加入了 jQuery.noConflict()这个东东，以至

06

Bootstrap 时间日历插件bootstrap-datetimepicker配置与应用小结

Bootstrap时间日历插件bootstrap-datetimepicker配置与应用小结

02

JQuery 入门学习(二)

时隔几天，天气依旧炎热，不过坐在空调房里的我一点也感觉不到~(笑)。我的事也在稳步进行着，这个下午继续我上一篇的Jquery。

01

第78天：jQuery事件总结（一）

现在就一点一点积累自己的知识体系，记录自己学到的和自己所理解的jQuery。

02

【Wordpress】Crayon Syntax Highlighter 与主题不兼容

很多博主在写一些技术博客的时候，会在博文中添加一些代码，但是在展示的时候代码高亮的话会让博客整体布局更优雅。找到网上的不少插件，最终还是选择了 Crayon Syntax Highlighter 这个插件。江湖称 Wordpress 最强大的代码高亮插件！

01

jQuery预绑定

文章作者：Tyan 博客：noahsnail.com | CSDN | 简书

01

jQuery：详解jQuery中的事件（一）

之前用过一些jQuery的动画和特效，但是用到的部分也不超过10%的样子，感觉好浪费啊——当然浪费的不是jQuery，而是Web资源。后来就想深入研究下jQuery的内部机理，读过两遍jQuery源代码，但是自觉还差的好远，跟好多大神（比如阮一峰）的理解还是有很大差距。现在就一点一点积累自己的知识体系，记录自己学到的和自己所理解的jQuery。

02

【object window】= $0

页面jquery追加输出到字符串时，虽然不报错，但是总会携带标题所示的单词，一开始困惑了几个月没解决，今天领导要求，到了不得不解决的地步。

01

HBuilder扩展代码块功能

作为程序员，大家都应该比较烦的事情就是将相同的代码块复制到N多个地方，但是这种情况有不可避免。为了解决这个问题，我希望实现的是直接将对应的模块提前在编辑器中编辑好，然后用一两个字母提示就能将这个模块调用。最后就找到了HBuilder，因为HBuilder最大的特点就是编辑快，快的原因就是他能实现将我们常用代码模块化。（说到这里我不得不吐槽一下他的智能提示，真心做的很差，在同类软件中我可以说他的只能提示是最差的，没有之一。连常用词汇排在第一个这么简单的功能都没做，真心无语。）但是好处就是他可以用---扩展代码块---这个功能不全。废话不多说，直接来功能！

01

「jQuery」基础 - 03

请注意，本文编写于 2071 天前，最后修改于 173 天前，其中某些信息可能已经过时。

03

JQuery 入门学习(三)

相信很多朋友已经期待已久了，Jquery结合ajax的应用。这一节涉及到浏览器与服务器的交互，我用到的是php，如果各位看官不会php脚本也没有关系，涉及到的php代码最多10行，重点还是在Jquery上。

02

jq模拟select下拉框，自定义option的css样式

想修改option样式，只能通过div ul li模拟select功能；功能如下，具体细节可以自己再调节。

02

高效Web开发的10个jQuery代码片段

高效Web开发的10个jQuery代码片段在过去的几年中，jQuery一直是使用最为广泛的JavaScript脚本库。今天我们将为各位Web开发者提供10个最实用的jQuery代码片段，有需要的开发

08

Jquery ajax调用后台aspx后台文件方法(不是ashx)

在asp.net webForm开发中,用Jquery ajax调用aspx页面的方法常用的有两种:下面我来简单介绍一下。 (1)通过aspx.cs的静态方法+WebMethod进行处理简单的介绍下WebMethod方法的用法 1.修饰符主要用public static修饰 2.方法前面加上[WebMethod]属性表明这是WebMethod方法 3.前台html页面(Client端)访问时要使用post方法，和后台.cs文件进行数据交互,否则会返回整个html页面。 4

05

【一起来烧脑】读懂JQuery知识体系

在现在就业的过程中，会运用JQuery是你的加分项，那么什么是JQuery，嗯，jquery是JavaScript的函数库，是一种轻量级的JavaScript库，写得少，做的多，导致jQuery有很多技术人员在使用它做项目。

03

jquery的form表单提交

在Web开发中，表单提交是一个常见的操作，通过表单提交用户可以向服务器发送数据。jQuery是一个流行的JavaScript库，可以简化处理JavaScript的操作，包括表单提交。在本篇博客中，我们将介绍如何使用jQuery来实现表单提交操作。

01

书写高质量jQuery代码的6条经验

一、正确引用jQuery 尽量在body结束前才引入jQuery，而不是在head中。借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。如果在前引入script文件的话，就不用写document.ready了，因为这时执行js代码时DOM已经加载完毕了。二、优化jQuery选择器高效正确的使用jQuery选择器是熟练使用jQuery的基础，而掌握jQuery选择器需要一定的时间积累，我们开始学习jQuery时就应该注意选择器的使用。 <di

09

超实用的jQuery代码段

本书精选近350个jQuery代码段，涵盖页面开发中绝大多数要点、技巧与方法，堪称史上最实用的jQuery代码参考书，可以视为网页设计与网站建设人员的好帮手。本书的代码跨平台、跨设备、跨浏览器，充分向读者演示了如何使用jQuery的各项技术，实现令人激动的网页效果。

01

JQuery基本知识框架思维导图(上)

1.window.onload与$(document).ready()的对比

02

VSCode插件及用户设置

第一部分：插件 VSCode内置"emmet"插件，"convert to utf-8"等插件效果！十分强大！代码提示功能特别强悍！ VSCode官网插件地址：点击此处！插件总览：插件越来越多，就不

08

jQuery

DOM 对象 Alert 出来的效果是:[object HTML 标签名 Element]

02

jQuery入门基础——选择器

What：jQuery是JavaScript的类库，封装了很多js代码。类似java中的类库一样里面一个类中有很多别人写好的功能。90%以上的公司都在用jQuery。划重点，这句话要考

02

jquery中hide、show、slideUp、slideDown、animate应用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jquery_slip.html</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(docum

04

jquery中html、before、after、append、prepend应用

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>jquery_slip.html</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> $(docum

09

jQuery的编码标准和最佳实践

不知道在哪里看到了这篇关于jQuery编码的文章，挺实用的，恰好最近在研究jQuery的基础知识，今天打开收藏夹来翻译一下，原文的英语不难，但是内容很实用，可能有大神已经翻译过了，大家看精华就行了。

02

JQuery EasyUI window 用法

Window需要依存于以下的三个组件： * 可拖放(Draggable) * 调整大小(Resizable) * 面板(panel)

02

z-index失效的原因

在做的过程中，发现了一个很简单却又很多人应该碰到的问题，设置Z-INDEX属性无效。在CSS中，只能通过代码改变层级，这个属性就是z-index，要让z-index起作用有个小小前提，就是元素的position属性要是relative，absolute或是fixed。 1.第一种情况（z-index无论设置多高都不起作用情况）：这种情况发生的条件有三个： 1、父标签 position属性为relative； 2、问题标签无position属性（不包括static）； 3、问题标签含有浮动(float)属性

03

Bootstrap Bootstrap表格插件bootstrap-table配置与应用小结

https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js

02

前端移动web-day05学习笔记

在某个查询区间，将栅格隐藏，可以用隐藏的样式，这个样式包括四个： 1、.hidden-xs 在屏幕小于768时将栅格隐藏 2、.hidden-sm 在屏幕大于等于768小于992时将栅格隐藏 3、.hidden-md 在屏幕大于等于992小于1200时将栅格隐藏 4、.hidden-lg 在屏幕大于等于1200时将栅格隐藏

02

终于有人对 jQuery下手了，一键移除项目对它的依赖

大家好，我是零一。虽然现在很多前端项目都在用Vue、React，但依赖jquery的项目也不少，尤其是年代比较久远的项目，那些还正在维护jquery项目的你，是否想将jquery从你的项目中移除？毕竟这个库那么大，你能用到的代码也就只有15%~30%，而且jquery对各个浏览器的兼容性也做了很大的处理（代码量up up），但其实很多老项目也不会去考虑兼容很边缘的浏览器了，所以其实jquery中兼容处理的代码也没太大必要

02

终于有人对 jQuery下手了，一键移除项目对它的依赖

大家好，我是零一。虽然现在很多前端项目都在用Vue、React，但依赖jquery的项目也不少，尤其是年代比较久远的项目，那些还正在维护jquery项目的你，是否想将jquery从你的项目中移除？毕竟这个库那么大，你能用到的代码也就只有15%~30%，而且jquery对各个浏览器的兼容性也做了很大的处理（代码量up up），但其实很多老项目也不会去考虑兼容很边缘的浏览器了，所以其实jquery中兼容处理的代码也没太大必要

02

jquery使按钮置灰不可用

在Web开发中，有时候我们需要在特定情况下将按钮置灰并设置为不可用状态，以防止用户重复点击或者暂时禁止某些操作。本文将介绍如何使用jQuery来实现这一效果。

01

原生js与jquery加载页面元素比较

声明：本文为原创，作者为对弈，转载时请保留本声明及附带文章链接：http://www.duiyi.xyz/%e5%8e%9f%e7%94%9fjs%e4%b8%8ejquery%e5%8a%a0%e8%bd%bd%e9%a1%b5%e9%9d%a2%e5%85%83%e7%b4%a0%e6%af%94%e8%be%83/

03

textarea 高度自适应

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭