`
lyunabc
  • 浏览: 529885 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

第一个jQuery实例

 
阅读更多

第一个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实例源码第一季

    jQuery初学实例代码集,很多的示例,包括一些弹出信息框、无刷新提交、更改字体、颜色选择器、下拉列表操作、无刷新读取数据数据库、层收缩和弹出、一些鼠标特效、导步获取数据、无刷新更改样式表、表格颜色控件等,...

    JQuery十个适合初学者实例

    JQuery第一课-tab标签页、JQuery第二课-多张图的无缝滚动、JQuery第三课-图片轮播、JQuery第四课-下拉菜单(无限级)、JQuery第五课-弹出窗口、JQuery第六课-拖拽、JQuery第七课-模拟滚动条、JQuery第八课-放大镜、...

    JavaScript_JQuery_CSS_CSS_DIV漂亮的实例123个

    114. 第二款jQuery左右移动图片+内容展示插件代码 115. 简单jQuery实现产品图片自动左右滚动插件下载 116. 编辑推荐jQuery超帅模拟图片翻页的展示Flash特效效果 117. 适合网站内容推广淡入淡出特效的jQuery焦点图...

    《锋利的JQUERY》实例 第一章

    《锋利的JQUERY》实例下载 第一章

    jQuery Validation表单验证插件实例打包.rar

    jQuery Validation表单验证插件实例合集,是锋利的JQuery第七章中的一个典型实例,一步步向大家讲解如何使用基于jQuery的表单验证插件jquery.validate.js和jquery.validate.messages_cn.js的使用方法,一共包含了7个...

    jQuery完全实例.rar

    在文档的第一个表单中,查找所有的单选按钮(即: type 值为 radio 的 input 元素)。 jQuery 代码: $("input:radio", document.forms[0]); --------------------------------------------------------------------...

    Jquery获取第一个子元素简单实例

    如获取id为divId的div下的第一个子div $("#divId").children("div").get(0) ...以上这篇Jquery获取第一个子元素简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。

    jQuery实例源码一、二、三季完全版

    jQuery实例源码,包括第一二三季全部代码,对初学者非常有用。

    锋利的JQuery实例源码

    第1篇介绍了jQuery中的$ document ready 方法 第2篇介绍了前端开发调试工具 Firebug 第3篇介绍了Ajax的核心对象 XMLHttpRequest 第4篇介绍了jQuery中的$ ajax 方法 第5篇介绍了jQuery加载并解析xml 第6篇是第七...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    4.JS+CSS通用一个页面同时三个焦点图轮换效果完整实例 5.JS+CSS网页版模拟QQ登录框界面特效示例 6.JS+flash立柱广告代码仿百度MP3搜索右侧可伸缩的立柱广告效果 7.JS版本黑色超动感二级菜单导航模块代码 穿越...

    《锋利的jquery》实例源码

    包含全部的《锋利的jquery》一书中所有的实例源码。 从第一章到第八章、附录以及前言的所有Demo。

    JQuery实战第一讲:概述、环境准备及入门实例

    JQuery实战第一讲:概述、环境准备及入门实例

    javascript与jQuery13章实例.zip

    jQuery的动画效果,广安职业技术学院,2020年5月14日,javascript与jQuery课程课堂实例。上午1-2堂课程。

    《锋利的jQuery》实例源码

    锋利的jquery第一版源码,其中包含书中所有实例

    jquery行列合并例子

    jquery行列合并例子 版本:jquery-1.3.2.min.js

    王兴魁jQuery实战系列视频

    教程名称:王兴魁jQuery实战系列视频课程目录:【】CSDN ITCAST王兴魁jQuery参考代码及PDF课件【】JQuery实战第一讲:概述、环境准备及入门实例【】JQuery实战第三讲:横向纵向菜单【】JQuery实战第二讲:可以编辑的...

    JQuery实战第一讲:概述、环境准备及入门实例SRC

    JQuery实战第一讲:概述、环境准备及入门实例SRC,基础课程,大家学习一下,后续还有更多

    50多个强大的jQuery插件应用实例.doc

    jquery是近段时间里比较流行的一个javascript框架,不断有使用者开发出新的 jQuery插件。下面收集了50个开发者最喜欢使用的jQuery插件。这仅仅是第一个系列,你先品尝,第二道大餐即将到来。

Global site tag (gtag.js) - Google Analytics