第一个jQuery实例
jQuery是一种优秀的JavaScript框架，它是轻量级的，还兼容各种浏览器。
<%@ 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>My JSP 'example01.jsp' starting page</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">
-->
<!-- 引入jQuery类库 -->
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.1.js"></script>
</head>
<body>
</body>
</html>
<script type="text/javascript">
//当窗体加载完毕 之后触发function匿名函数
$(document).ready(function(){
alert("hello");
});
//这个是以上的简写形式
$(function(){
alert("hi");
});
匿名函数的介绍
$就是jQuery对象 var jQuery=window.$
jQuery对象就是通过jQuery($())包装dom对象后产生的对象
dom的对象只能使用dom的属性和方法 jQuery的对象只能使用jQuery的属性和方法
$(document) 是jQuery对象
ready()方法就是jQuery对象的方法,ready是匿名回调函数
</script>
分享到：
相关推荐
本篇文章将深入探讨这50个jQuery实例，旨在帮助开发者更好地理解和运用jQuery，提升开发效率。 1. **选择器**：jQuery提供了多种选择器，如ID选择器（#id），类选择器（.class），元素选择器（tagname）等，这些...
这个"jQuery实例可以运行"的资源很显然是为了帮助初学者或正在学习jQuery的人提供实践示例，以便更好地理解和掌握jQuery的核心功能。 首先，jQuery的引入通常是通过在HTML文档的`<head>`部分添加链接到jQuery库的...
《锋利的jQuery第一版》实例源码是一个与jQuery相关的学习资源，主要包含了一系列实际操作的代码示例，用于帮助读者深入理解并掌握jQuery库的使用。jQuery是一个广泛应用于Web开发的JavaScript库，它简化了...
在本实例中，我们将深入探讨如何利用jQuery实现一个功能丰富的“标签切换”功能，这在网页设计中非常常见，用于展示多个内容块而只显示一个块于用户面前。这种交互方式能够优化用户体验，使用户更容易浏览和理解页面...
"锋利的jQuery实例源码"是一份集合了各种实用jQuery技巧和案例的资源，旨在帮助开发者用最少的代码实现最多的功能。 一、jQuery基础 1. **选择器**：jQuery提供了丰富的选择器，如`$("#id")`用于选取ID为特定值的...
这会改变表格第一列的第一个单元格的内容。 此外，jQuery还能实现动态表格操作，比如响应用户交互。通过绑定事件监听器，如`click`，可以实现点击表格行时触发特定功能： ```javascript $("#myTable tr").click...
在"jQuery实例演示及动态效果"中，我们可以找到一系列示例，涵盖了多种jQuery的核心功能和常见应用。 首先，`myeclipse创建的实例`可能涉及到了在集成开发环境MyEclipse中如何引入和使用jQuery库。MyEclipse是用于...
"50个jquery漂亮实例"这个压缩包文件集合了五十个精心设计的jQuery代码示例，旨在帮助开发者快速理解和掌握jQuery的各种功能和应用场景。 1. **DOM操作**：jQuery提供了简便的DOM选择器，如`$("#id")`选择ID为id的...
jQuery初学实例代码集，很多的示例，包括一些弹出信息框、无刷新提交、更改字体、颜色选择器、下拉列表操作、无刷新读取数据数据库、层收缩和弹出、一些鼠标特效、导步获取数据、无刷新更改样式表、表格颜色控件等，...
使用 JQuery 的第一步，往往就是将一个选择表达式，放进构造函数 jQuery()(简写为$)，然后得到被选中的元素。选择表达式可以是 CSS 选择器，也可以是 JQuery 特有的表达式。 * 使用 CSS 选择器：$(document) 选择...
压缩包中的`jQ学习第一季`、`jQ学习第二季`、`jQ学习第三季`可能包含了按章节分类的jQuery实例代码，每个实例都可能对应一种或多种功能的应用，是学习和实践的好材料。 通过学习和实践这106个jQuery经典实例，...
在这个实例中，我们将探讨如何使用jQuery实现一个图片自动切换的功能。 首先，我们需要理解jQuery的基本概念。jQuery是一个JavaScript库，它简化了DOM操作、事件处理、动画以及Ajax交互。其简洁的语法和强大的功能...
《jQuery应用实例详解》 jQuery，作为一款广泛应用于前端开发的JavaScript库，以其简洁的API和强大的功能，深受...实例下载提供的文件可以帮助你更直观地学习和体验jQuery的威力，建议配合源代码一同研究，加深理解。
"Jquery实例.jar"提供的学习资料，很可能是针对初学者的一系列示例教程，通过八个章节来逐步深入讲解jQuery的核心功能。 **第一章：jQuery简介** 在这一章，你将了解jQuery的基本概念，包括它的诞生背景、主要特点...
"jQuery实例3可以运行"这个标题暗示我们将探讨一个实际应用中的jQuery代码示例，该示例在环境中成功执行并展示其功能。在描述中提到的"来自源码网"，可能是指这个实例是从一个知名的在线编程资源平台获取的，为...
`.children('ul')`选择器找到该节点下的第一个`<ul>`子元素，`slideToggle()`函数则负责平滑地展开或折叠这个列表。 为了增强用户体验，我们还可以添加一些视觉提示，比如折叠/展开的图标。这可以通过CSS样式和...
JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片轮播、JQuery第四课-下拉菜单(无限级)、JQuery第五课-弹出窗口、JQuery第六课-拖拽、JQuery第七课-模拟滚动条、JQuery第八课-放大镜、...
AjaxPro是一个开源的.NET AJAX框架，它提供了一种简单的方式来创建异步控件。使用AjaxPro，你可以直接将服务器端的方法标记为异步，而无需编写客户端的AJAX代码。 1. 安装AjaxPro库并引用到项目中。 2. 在服务器端...
《jQuery实例代码集》是一个汇集了丰富jQuery代码和实例的资源集合，主要涵盖了JavaScript框架中的jQuery部分。这个压缩包文件包含三个子文件夹，分别命名为“jQ学习第一季”、“jQ学习第二季”和“jQ学习第三季”，...
// 获取第一个li元素 ``` ### 四、jQuery实战教程 在“jQuery系列教程代码”中，包含了多个实例，涵盖了上述所有知识点的应用，每个实例都是一次实践学习的机会。通过逐步解析这些代码，你可以深入理解jQuery的...