<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>链式操作风格</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<style type="text/css">
#menu {
width:300px; }
.has_children{
background : #555;
color :#fff;
cursor:pointer; }
.highlight{
color : #fff;
background : green; }
div{ padding:0; }
div a{
background : #888;
display : none;
float:left; width:300px; }
</style>
<script src="jQuery/jquery-1.3.2.min.js" type="text/javascript"></script>
</head>
<body>
<div id="menu">
<div class="has_children">
<span>第一章-认识jQuery</span>
<a>1.1 JavaScript和JavaScript库</a>
<a>1.2 加入jQuery</a>
<a>1.3 简单编写jQuery代码</a>
<a>1.4 jQuery对象和DOM对象</a>
<a>1.5 解决jQuery和其他库的冲突</a>
</div>
<div class="has_children">
<span>第二章-jQuery选择器</span>
<a>1.1 JavaScript和JavaScript库</a>
<a>1.2 加入jQuery</a>
<a>1.3 简单编写jQuery代码</a>
<a>1.4 jQuery对象和DOM对象</a>
<a>1.5 解决jQuery和其他库的冲突</a>
</div>
<div class="has_children">
<span>第三章-jQuery中的DOM操作</span>
<a>1.1 JavaScript和JavaScript库</a>
<a>1.2 加入jQuery</a>
<a>1.3 简单编写jQuery代码</a>
<a>1.4 jQuery对象和DOM对象</a>
<a>1.5 解决jQuery和其他库的冲突</a>
</div>
</div>
</body>
<script type="text/javascript">
$(".has_children").click(function(){
$(this).addClass("highlight").children("a").show().end().siblings().removeClass("highlight")
.children("a").hide();
});
</script>
</html>
分享到:
相关推荐
两个问题 1.jQuery的链式操作是如何实现的? 2.为什么要用链式操作? 大家认为这两个问题哪个好回答一点呢? 链式操作 原理相信百度一下一大把,实际上链式操作仅仅是通过对象上的方法最后 return this 把对象再返回...
jQuery第5天知识点:隐式迭代、链式编程、jQuery插件.7z
jQuery链式写法:实现点击标签展示列表页及标签样式及内容,再次点击收起列表页还原标签样式及内容!
本文实例讲述了jQuery对象的链式操作用法。分享给大家供大家参考,具体如下: jQuery对象的链式操作 首先来看一个例子: 复制代码 代码如下:$(“#myphoto”).css(“border”,”solid 2px#FF0000″).attr(“alt”,” ...
主要介绍了JavaScript使用链式方法封装jQuery中CSS()方法,结合具体实例形式分析了JS采用链式操作方法封住jQuery中连缀操作实现css()方法的相关技巧,需要的朋友可以参考下
主要介绍了jQuery链式操作,实例分析了jQuery基于链式操作动态改变页面元素样式的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
但是这链式操作的方式实在吸引人(貌似现在不少新库都采用了链式操作)。 新手无畏嘛,所以写了以下代码。主要是避免以后又忘了,呵呵。 代码如下: window.k = function() { return new k.fn.init(arguments); } k....
原生模拟链式操作,有些情况下做数据的时候,会发现用框架比较麻烦,原生sql连接也麻烦,所以搞了一份链式操作。 使用方法:php ./demo.php
主要介绍了JQuery特殊效果和链式调用操作,结合实例形式分析总结了jQuery各种常见显示效果与所使用的函数,以及链式调用显示层级菜单功能相关操作技巧,需要的朋友可以参考下
python开发的mysql链式操作,ABuilder告别繁琐的模型定义,节省开发时间,几乎没有任何要求,导入直接使用
8579 链式线性表的基本操作
链式PECVD的操作手册,有链式PECVD的详细操作流程。
什么是链式操作呢?使用jQuery的同学印象应该会很深刻.在jQuery中,我们经常会这样的来操作DOM元素: $("p").css("color").addClass("selected"); 连贯操作看起来的确很酷,也非常的方便代码的阅读.那么在PHP里面是否...
链式 链式是用于链式选择的简单插件。 它同时适用于jQuery和Zepto。 您可以从两个不同的版本中进行选择。 如果您不想进行外部查询来设置子选择的内容,请使用jquery.chained.js 。 此版本使用数据属性来确定内容。 ...
jQuery事件的链式写法 控制jQuery对象 jQuery控制CSS样式 第2章 使用JavaScript实现隔行变色 使用jQuery选择器实现隔行变色 JavaScript代码检测页面元素 jQuery代码检测页面元素 使用jQuery基本选择器 使用...
用链式存储的方式实现字符串的插入操作。 用链式存储的方式实现字符串的创建操作。 用链式存储的方式实现字符串的删除操作。 用链式存储的方式实现字符串的匹配操作。 用链式存储的方式实现字符串的输出操作。