jq代码学习8--事件绑定 fl ch4 p98
来源:互联网 发布:娃娃幼儿园软件 编辑:程序博客网 时间:2024/05/16 01:53
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>4-2-3</title><link rel="stylesheet" type="text/css" href="../css/style.css" /><script src="../../scripts/jquery.js" type="text/javascript"></script><script type="text/javascript">$(function(){ $("#panel h5.head").bind("click",function(){ var $content = $(this).next(); if($content.is(":visible")){ $content.hide(); }else{ $content.show(); } })})</script></head><body><div id="panel"> <h5 class="head">什么是jQuery?</h5> <div class="content"> jQuery是继Prototype之后又一个优秀的JavaScript库,它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。 </div></div></body></html>
简写方式
<!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><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>4-2-5</title><link rel="stylesheet" type="text/css" href="../css/style.css" /><script src="../../scripts/jquery.js" type="text/javascript"></script><script type="text/javascript">$(function(){ $("#panel h5.head").mouseover(function(){ $(this).next().show(); }).mouseout(function(){ $(this).next().hide(); })})</script></head><body><div id="panel"> <h5 class="head">什么是jQuery?</h5> <div class="content"> jQuery是继Prototype之后又一个优秀的JavaScript库,它是一个由 John Resig 创建于2006年1月的开源项目。jQuery凭借简洁的语法和跨平台的兼容性,极大地简化了JavaScript开发人员遍历HTML文档、操作DOM、处理事件、执行动画和开发Ajax。它独特而又优雅的代码风格改变了JavaScript程序员的设计思路和编写程序的方式。 </div></div></body></html>
阅读全文
0 0
- jq代码学习8--事件绑定 fl ch4 p98
- jq代码学习9--合成事件 fl ch4 105
- jq代码学习20----- jq serializeArray( ) fl ch6 207
- jq代码学习3--某网站品牌列表的效果 fl ch2 p53
- jq代码学习25——基于jQuery的ajax聊天室 fl ch6 p209
- jq代码学习24-----ajax load()加载、筛选加载HTML问文档 fl ch6 p192
- jq代码学习23-----ajax $.get 和$.post 请求 fl ch6 p192
- jq 动态绑定事件
- jq事件绑定
- jq代码学习19----- jq中的ajax全局事件
- jq代码学习10--事件冒泡
- jq 后绑定点击事件
- JQ事件绑定效果|||事件气泡
- P98
- js和jq中的绑定事件
- jq绑定事件的方法区别
- jq绑定事件方法及区别
- JQ绑定事件 bind(),on(),live(),delegate()
- 【HDU】 2709
- Android SDK目录结构
- Jzoj3894 改造二叉树
- POJ 2728 最小生成树 求最优比率生成树
- 学习Docker(2017-10-3)
- jq代码学习8--事件绑定 fl ch4 p98
- 3D Organon Anatomy(人体3D解剖软件)免安装绿色版V3.0.0下载 | 3D Organon Anatomy 破解版
- JSP学习笔记—JSP概述和背后原理
- 【LibUIDK界面库系列文章】对话框坐标单位
- Qt中配置OpenCV库的另类方法
- cannot convert t (type interface {}) to type string: need type assertion
- Java编程思想---第四章笔记
- 用jQuery实现回到顶部
- 启动hadoop 2.6遇到的datanode启动不了