JQuery入门——JQuery程序的代码风格
来源:互联网 发布:买车比较好的app 知乎 编辑:程序博客网 时间:2024/06/05 14:07
1、$美元符号的使用:用于页面元素的选择、功能函数的前缀
2、事件操作链接式:
在页面中,有一个<div>标记,该标记嵌套两个<div>标记,页面首次加载时,被嵌套的内容是不可见的,用户单击主题<div>标记时,改变自身的背景颜色,并将嵌套的内容显示出来。功能的实现是通过“.”符号链接在一起
示例代码如下:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script language="javascript" type="text/javascript" src="jquery-1.8.3.min.js">
</script>
<style type="text/css">
.divFrame{width:260px;border:solid 1px #666;font-size:10pt}
.divTitle{background-color:Blue;padding:5px}
.divContent{padding:5px;display:none}
.divCurrColor{background-color:Red}
</style>
<script type="text/javascript">
$(function(){ //加粗部分代码为链式写法,当单击Class名称为“divTitle”的元素时,自身变为“divCurrColor”样式,同时接下来将"divContent"显示出来
$(".divTitle").click(function(){
$(this).addClass("divCurrColor").next(".divContent").css("display","block");
});
});
</script>
</HEAD>
<BODY>
<div class="divFrame">
<div class="divTitle">主题</div>
<div class="divContent">
<a href="#">链接一</a><br />
<a href="#">链接二</a><br />
<a href="#">链接三</a>
</div>
</div>
</BODY>
</HTML>
页面效果:
点击后:
- JQuery入门——JQuery程序的代码风格
- jquery的链式代码风格
- jquery良好的代码风格
- jquery开发之代码风格
- 1.3.2:jQuery代码的链式操作风格
- Jquery——Day1(Jquery的风格方式、与Javascript的区别)
- jquery入门代码
- JQuery入门——编写一个简单的JQuery应用
- jQuery——入门
- JQuery入门—编写一个简单的JQuery应用案例
- jQuery—入门
- Jquery—入门一
- (2)入门指南——(8)原始的js代码和jquery对比(Plain JavaScript vs. jQuery)
- 一种jquery的菜单风格
- 【JQuery入门学习】——JQuery简介
- (2)入门指南——(7)添加jquery代码(Adding our jQuery code)
- jQuery ajax教程 入门程序
- Jquery入门——选择器
- 什么是5W1H分析法?
- http 返回码 405 解决方案之一
- 动态链接时进程堆栈信息
- oracle学习记录之RMAN备份/恢复过程
- Linux内核数据结构中链表的实现
- JQuery入门——JQuery程序的代码风格
- 面向对象的程序设计-11-类类型转换
- javascript实现div拖放
- find命令和grep命令的区别及详细用法
- 基于Android2.3.5系统:Java JDK ADT Android SDK for Eclipse环境安装
- Qt中的模态对话框(Modal Dialog)与非模态对话框(Modeless Dialog)用法
- Can not set int field entity.Authority.FatherAuthority to null value
- oracle 时间函数(sysdate)
- delphi DBExpree 出现unable to load dbexpmss.dll