网页JQ基础之jq-隐藏以及显示特效

简单的 隐藏以及显示的 JQ 的代码如下:

<!DOCTYPE html>
<html>
<head>
<script src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#hide").click(function(){
  $("p").hide();
  });
  $("#show").click(function(){
  $("p").show();
  });
});
</script>
</head>
<body>
<p id="p1">如果点击“隐藏”按钮,我就会消失。</p>
<button id="hide" type="button">隐藏</button>
<button id="show" type="button">显示</button>
</body>
</html>

复制以上代码,自己敲一遍,每天进步一点点

时间: 2024-08-24 01:16:51

网页JQ基础之jq-隐藏以及显示特效的相关文章

jq效果 点击隐藏和显示(组织冒泡事件)

一个button按钮,当我点击button后弹出DIV层, 当我点击DIV层以外的地方时候把DIV隐藏 大概代码如下: <input type="button" id="js_button" /> <div id="js_div" style="width: 100px; height: 100px; display: none"> </div> <script type="

JQ基础知识

2017-04-19 JQ基础完成复习时间:20:00已经理解的知识点:一.JQ对象: 1.获取JQ对象,需早变量前面加上$: 2.DOM对象转JQ对象: var user = document.getElementById("d"); var $user = $(user); 3.JQ对象转DOM对象: var $user = $("#username"); var user = $user[0]; //也可通过.get(index)方法得到相应的DOM对象二.J

动画基础隐藏和显示 (jQuery)

1jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参

jQuery-4.动画篇---动画基础隐藏和显示

jQuery中隐藏元素的hide方法 让页面上的元素不可见,一般可以通过设置css的display为none属性.但是通过css直接修改是静态的布局,如果在代码执行的时候,一般是通过js控制元素的style属性,这里jQuery提供了一个快捷的方法.hide()来达到这个效果 $elem.hide() 提供参数: .hide( options ) 当提供hide方法一个参数时,.hide()就会成为一个动画方法..hide()方法将会匹配元素的宽度,高度,以及不透明度,同时进行动画操作 快捷参数

网页布局基础

网页布局基础     简介 什么是网页布局?    网页布局是网页制作的基础,使用DIV+CSS布局网页是基础中的基础.三种基本布局方式:流式布局,浮动布局,绝对定位布局. 网页设计的特点:1:网页宽度可变  2头+内容主体(根据需要分栏)+页脚(不重要的内容)   对长度设置百分比可实现网页自适应 W3C标准包括结构化标准语言,表现标准语言,行为标准语言,倡导结构,样式,行为分离. CSS中,存在三种定位机制:标准文档流,浮动,绝对定位. 标准文档流:从上到下,从左到右输出文档内容,由块级元素

第一天:网页制作基础

第一章:网页制作基础 2016-7.18 20:40---23:42 1-1 网站的概述 网页与网站网站是由许多的网页构成的 新浪网是网站浏览器:国外流行的浏览器为火狐,国内为360安全浏览器,用最多的是电脑自带的IE网页的基本元素:网页标题.LOGO.导航栏(顶部或者左边).文本(最基本信息).超链接(必不可少).图片.表单(文本框.按钮) 1-2 初识Dreamweaver制作网站的流程:规划网站类型及主题 .搜集资料素材.使用软件进行网页制作.测试及发布网页三剑客:Dreamweaver(

第一章---动态网页开发基础

动态网页开发基础 什么是动态网页? 误区: 初学者一般认为动态网页,就是会动的网页,实际上不是这样的. 动态网页: 是指在服务器端进行的,使用程序语言设计的交互式网页,它们会 根据某种条件的变化,返回不同的网页内容. 动态网页的优势: 1.交互性:即网页会根据用户的要求和选择而动态改变和显示内容 2.自动更新:即无须改变页面代码,便会自动生成新的页面内容,可以节省工作量 3.随机性:即当不同的时间,不同的人访问同一网址时会产生不同的页面效果 为什么学习B/S架构技术? 在学习B/S架构前,先了解

html设计隐藏与显示的效果

   隐藏与显示  很多时候我们需要隐藏网页的一些东西,或者说APP(比如phonegap用html5,js开发安卓应用,IOS应用)也一样. 这里我总结了几种方式: 注意,这里需要引入jquery的包,我给大家一个下载地址 http://down.51cto.com/data/1357745 . 记得在自己的网页所在目录下创建目录jquery,把包放进去就好了. 1. 使用jquery的hide()和show()方法. 代码如下,大家可以复制去试试.            使用hide()隐藏

第一章动态网页开发基础

第一章:动态网页开发基础  动态网页:是指在服务器端运行的,使用程序语言设计的交互式网页,它们会根据某种条件的变化,返回不同的网页内容 动态网页需要使用服务器端的脚本语言,例如:JSP技术就是使用Java+HTML 动态网页的优势: 1:交互性:       网页会根据用户的要求和选择而动态改变和显示内容 2:自动更新:       无须改变页面代码,便会自动生成新的页面内容,可以大大节省工作量 3:随机性:     当不同的时间.不同的人访问同一网址时会产生不同的页面效果      例如:普通