Jquery特效:点击文字或图片隐藏指定div

Jquery特效分类旨在分享学习WordPress过程中,一些常见的简单的Jquery特效,主要服务对象为零基础的wordpress初学者,如果你觉小雨分享的,就默默地点个赞,如果你觉得小雨分享的很好,就高调的打个赏,你的是对陌小雨最大的鼓励!

jqueryforwordpress

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

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> 标签应该位于页面的 </body> 标签之前的任意位置。


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

代码只需要一行即可:

上述代码可以直接加入网页中,如果需要整合到WordPRess的js文件,请移步查看:Script脚本文件转换js文件调用

效果:首页底部有个X,点击后隐藏该div

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

AD:站点文章对你有帮助,可以选择去百度口碑好评下,还可以点击此处

赞 (2) 口碑
分享到:更多 ()

相关推荐

    暂无内容!

本文共有5人发表了自己的想法,下一个就是你!

评论 7

表情 签到
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. BanYuner
    这个不错 很简单 但是配上gif展示 估计会更好 其次右上角软件 图片最好也加上链接 或者整个block回复
    • 陌小雨博客
      @BanYuner 恩,想法不错,忘了说了下,效果见首页底部的欢迎语。 :grin:回复
  2. themebetter
    过来瞅瞅老朋友 :grin:回复
  3. 纯洁博客
    这个是好东西回复
  4. Han
    签到成功!签到时间:下午9:22:45,陌小雨,你很棒!一起加油哦哦~回复

本站能为你提供什么?

从这里开始使用WordPress

快速认识WordPress,熟悉WordPress,掌握WordPress。

选择更好用的模板主题

海量的WordPress主题模板供应下载,搭建网站更加轻松、便捷!

让您的网站更安全可靠

在这里,可以了解更多关于网站安全方面的常识问题,做个攻不可破的webmaster

让您的网站更符合你的需求

学习技术教程,自己也能改网站,学前端,做设计,成为一名WEB开发者