jquery实现点击消失的代码

 这篇文章主要介绍了jquery如何实现点击消失,需要的朋友可以参考下

jquery实现点击消失的源代码: 
代码如下:
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<html> 
<head> 
<script type="text/javascript" src="js/jquery-1.7.1.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$("p").click( 
function() 

$(this).hide(); 

); 

); 
 
</script> 
 
</head> 
 
<body> 
<p>点击我,我就会消失! </p> 
</body> 
</html> 
 

时间: 2024-11-08 18:52:00

jquery实现点击消失的代码的相关文章

jquery实现点击消失的代码_jquery

jquery实现点击消失的源代码: 复制代码 代码如下: <%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%> <html> <head> <script type="text/javascript" src="js/jquery-1.7.1.js"></script&g

jQuery实现点击弹出背景变暗遮罩效果实例代码_jquery

本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果,并且点击空白处隐藏弹出层的效果,效果非常棒,小编只给大家贴出了关键代码了,大家可以根据个人需要适当的添加内容. js代码如下: <script type="text/javascript"> $(document).ready(function(){ $(".tkyy").click(function(event){ event.stopPropagation(); //停止事件冒泡 $(&

Jquery实现点击按钮,连续地向textarea中添加值的实例代码

 本篇文章主要是对Jquery实现点击按钮,连续地向textarea中添加值的实例代码进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助 代码如下:    代码如下: <%@ page language="java" contentType="text/html; charset=gbk"     pageEncoding="gbk"%>     <%@ include file="/pages/common/t

jQuery on()方法绑定动态元素的点击事件实例代码浅析_jquery

之前就一直受这个问题的困扰,在jQuery1.7版本之后添加了on方法,之前就了解过,其优越性高于live(),bind(),delegate()等方法,在此之前项目中想用这个来测试结果发现,居然动态生成的标签点击了没反应,而live方法却能够支持,于是乎到处查资料,问网友,结果找了好久在一篇文章中终于找到了答案... jQuery 使用on绑定动态生成的元素时,不能直接用该对象操作,而是选择其非动态生成的父节点然后再找到本身才能达到效果.大家看看源码就知道了.生成的按钮基数项on方法点击无效l

基于jQuery实现点击弹出层实例代码_jquery

jquery实现点击链接弹出层效果:本例实现的主要原理:jquery操作DOM元素.对层样式的设置.将display:设置为none;让层隐藏: 代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net" /> <tit

jQuery实现点击小图显示大图代码分享_jquery

本文实例讲述了jQuery实现点击小图显示大图效果.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现的点击小图查看大图的代码,适合用于产品展示等环节,便于用户浏览产品细节,是一款非常实用的特效代码. 运行效果图:    ----------------------查看效果-----------------------   小提示:浏览器中如果不能正常运行,可以尝试切换浏览模式. 为大家分享的jQuery实现点击小图显示大图效果代码如下 <head> <title>jQ

jQuery实现点击图片翻页展示效果的方法

 这篇文章主要介绍了jQuery实现点击图片翻页展示效果的方法,涉及jQuery操作图片的操作技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了jQuery实现点击图片翻页展示效果的方法.分享给大家供大家参考.具体实现方法如下:   代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>基于jQu

jQuery实现点击文本框弹出热门标签的提示效果_jquery

复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>jQuery实现点击

jQuery通过点击行来删除HTML表格行的实现示例_jquery

jQuery的已成为所有时刻的最常用和最喜爱的JavaScript框架之一.它不仅不会减少在JavaScript编码简单的技术开销,而且也使您的代码的跨浏览器兼容.我已经写了许多关于jQuery教程,这个时候,我也用这个简单的纯实现了.任务是从一个HTML表使用一些时髦的效果,只要按一下该行的行.以下是实现这一目标的jQuery代码. $(document).ready(function() { $("#sample tr").click(function() { //change t