第一个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>
分享到:
相关推荐
锋利的jQuery第一版 实例源码,保真,只有源码 教程是第二版 分包上传
jQuery初学实例代码集,很多的示例,包括一些弹出信息框、无刷新提交、更改字体、颜色选择器、下拉列表操作、无刷新读取数据数据库、层收缩和弹出、一些鼠标特效、导步获取数据、无刷新更改样式表、表格颜色控件等,...
JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片轮播、JQuery第四课-下拉菜单(无限级)、JQuery第五课-弹出窗口、JQuery第六课-拖拽、JQuery第七课-模拟滚动条、JQuery第八课-放大镜、...
114. 第二款jQuery左右移动图片+内容展示插件代码 115. 简单jQuery实现产品图片自动左右滚动插件下载 116. 编辑推荐jQuery超帅模拟图片翻页的展示Flash特效效果 117. 适合网站内容推广淡入淡出特效的jQuery焦点图...
《锋利的JQUERY》实例下载 第一章
jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...
在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...
如获取id为divId的div下的第一个子div $("#divId").children("div").get(0) ...以上这篇Jquery获取第一个子元素简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。
jQuery实例源码,包括第一二三季全部代码,对初学者非常有用。
第1篇介绍了jQuery中的$ document ready 方法 第2篇介绍了前端开发调试工具 Firebug 第3篇介绍了Ajax的核心对象 XMLHttpRequest 第4篇介绍了jQuery中的$ ajax 方法 第5篇介绍了jQuery加载并解析xml 第6篇是第七...
4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越...
包含全部的《锋利的jquery》一书中所有的实例源码。 从第一章到第八章、附录以及前言的所有Demo。
JQuery实战第一讲:概述、环境准备及入门实例
jQuery的动画效果,广安职业技术学院,2020年5月14日,javascript与jQuery课程课堂实例。上午1-2堂课程。
锋利的jquery第一版源码,其中包含书中所有实例
jquery行列合并例子 版本:jquery-1.3.2.min.js
教程名称:王兴魁jQuery实战系列视频课程目录:【】CSDN ITCAST王兴魁jQuery参考代码及PDF课件【】JQuery实战第一讲:概述、环境准备及入门实例【】JQuery实战第三讲:横向纵向菜单【】JQuery实战第二讲:可以编辑的...
JQuery实战第一讲:概述、环境准备及入门实例SRC,基础课程,大家学习一下,后续还有更多
jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。