专业汉语词典知识平台,分享汉字词语知识、历史文学知识解答!

励北网
励北网

js隐藏div的方法(js怎么隐藏div)

来源:小易整编  作者:小易  发布时间:2023-01-12 05:39
摘要:js隐藏div的方法(js怎么隐藏div)。在学习WordPress过程中,会看到一些常见的简单的Jquery特效,WordPress初学者可能会觉得很神奇,不过神奇的东西有时候会很简单了,只需要一两句代码就可以搞定。首先我们来了解一下下面...

js隐藏div的方法(js怎么隐藏div)。在学习WordPress过程中,会看到一些常见的简单的Jquery特效,WordPress初学者可能会觉得很神奇,不过神奇的东西有时候会很简单了,只需要一两句代码就可以搞定。

js隐藏div的方法(js怎么隐藏div)

首先我们来了解一下下面这些知识:

1、什么是 jQuery ?

jQuery是一个JavaScript函数库。

jQuery是一个轻量级的"写的少,做的多"的JavaScript库。

jQuery库包含以下功能:

  • HTML 元素选取

  • HTML 元素操作

  • CSS 操作

  • HTML 事件函数

  • JavaScript 特效和动画

  • HTML DOM 遍历和修改

  • AJAX

  • Utilities

提示: 除此之外,Jquery还提供了大量的插件。

2、为什么使用 jQuery ?

目前网络上有大量开源的 JS 框架, 但是 jQuery 是目前最流行的 JS 框架,而且提供了大量的扩展。

很多大公司都在使用 jQuery, 例如:

  • Google

  • Microsoft

  • IBM

  • Netflix

3、jQuery是否适用于所有浏览器?

jQuery 团体知道JS在不同浏览器中存在着大量的兼容性问题,目前部分版本的jQuery兼容于所有主流浏览器, 包括Internet Explorer 6!

4、如何使用jQuery?

可以通过下面的标记把 jQuery 添加到网页中:

<script type="text/javascript"src="jquery.js"></script>

请注意,<script> 标签应该位于页面的 </body> 标签之前的任意位置。注意js文件的路径哦!


本篇分享的就是利用jquery实现点击文字或者图片隐藏指定div层。

代码只需要一行即可:

<script>$(".close").click(function(){$(".subsurface").toggle();});</script>

举一反三:代码中.close为你文字或者图片的class,.subsurface为你需要隐藏的div层class。


本文地址:百科问答频道 https://www.neebe.cn/wenda/903005.html,易企推百科一个免费的知识分享平台,本站部分文章来网络分享,本着互联网分享的精神,如有涉及到您的权益,请联系我们删除,谢谢!


百科问答
小编:小易整编
相关文章相关阅读
  • JS 字符串转数组

    JS 字符串转数组

    JS中,将一个字符串转置为数组,使用到的方法是split(),通过使用split()方法,可以轻松的将一个字符串转换为数组操作方法01新建一个HTML文档,用于承载JS02...

  • doT.js是什么

    doT.js是什么

    doT.js是一个JavaScript模板框架,在web前端使用dot.js作为模板引擎,主要的用途就是,在写好的模板上,放进数据,生成含有数据的html代码。doT.js是一个JavaScript模板框架,在web前端使用do...

  • JsRender是什么

    JsRender是什么

    JsRender是jQuery模板,专为高性能的纯字符串渲染而优化,无需DOM和其他jQuery依赖。允许定义一次样板结构并重复使用它来动态生成HTML。JsRender是jQuery模板,专为高性能的纯字符串渲染而优...

  • js代码大全,常用js代码代码示例

    js代码大全,常用js代码代码示例

    js代码大全,常用js代码代码示例做为开发过React/ReactNative的工程师,在刚开始接触Flutter开发的时候,一定会遇到这种情况,对于某个功能你能很熟练使用特定Javascript语法去完成,但是对于Flutter开发,对应...

  • jstl是什么,JSP标准标签库jstl

    jstl是什么,JSP标准标签库jstl

    jstl是什么,JSP标准标签库jstlJSP标准标签库(JSTL)是一个JSP标签集合,它封装了JSP应用的通用核心功能。JSTL支持通用的、结构化的任务,比如迭代,条件判断,XML文档操作,国际化标签,SQL标签。除了这些,它还提供了一...

  • js教程,JavaScript学习入门教程

    js教程,JavaScript学习入门教程

    js教程,JavaScript学习入门教程JavaScript(通常缩写为JS)是一种解释型、面向对象、多范式的高级编程语言。它被世界上的绝大多数网站所使用,也被世界主流浏览器(Chrome、IE、Firefox、Safari、Opera)...

  • jscript和javascript的区别

    jscript和javascript的区别

    JavaScript与JScript的区别JScript是Microsoft公司开发的,Javascript是Netscape公司开发的,虽然他们是死对头,但是在现在的浏览器中,无论你把语言指定为Javascript还是Jscript,浏览...

  • jsp内置对象有哪些,jsp的内置对象与应用

    jsp内置对象有哪些,jsp的内置对象与应用

    jsp内置对象有哪些,jsp的内置对象与应用虽然Jsp已经是中古时期的技术了,但是对于很多新入门的程序员来说,学会Jsp不仅是了解JavaEE设计原理的重要环节,也是了解现在盛行的前后端分离技术的源流的基础。而且,很多程序员可能会接触到的一...

  • 周排行
  • 月排行
  • 年排行

精彩推荐