`
永恒的三号
  • 浏览: 44855 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

初学JQuery第一例

jQueryCSSJavaScriptCacheHTML 
阅读更多 
<%@ 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>JQuery</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">
	-->
	
	

  </head>
  
  <body>
	<div id="lee"></div>
	<script type="text/javascript" src="JQuery/jquery-1.5.2.min.js"></script>
	
	<script type="text/javascript">
		var target = $("#lee")
		target.html("学习JQuery!")
			  .height(60)
			  .width(160)
			  .css("border","2px solid black")
			  .css("background-color","#ddddff")
			  .css("padding",20);
		
	</script>
  </body>
</html>

 jquery-1.5.2.min.js放在WebRoot/JQuery下。

效果如下：

  • 大小: 16.3 KB
分享到：
| 日历代码一
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JQuery十个适合初学者实例

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

    锋利的jquery-第一版

    《锋利的jQuery》第一版是一本深入解析jQuery库的权威指南，旨在帮助开发者更好地理解和应用这个强大的JavaScript库。jQuery以其简洁的API和高效的DOM操作，极大地简化了JavaScript的复杂性，成为Web开发中不可或缺...

    jQuery例题（初学者）

    这里，第一个对象参数是你要动画化的CSS属性和它们的目标值，第二个参数是动画的时长。同样，`animate()`也可以接收回调函数。 ### toggle()函数 `toggle()`函数允许用户通过单击元素来切换其显示状态。默认情况下...

    锋利的JQuery第一、二版源码

    《锋利的jQuery》是一本深受开发者欢迎的jQuery教程书籍，分为第一版和第二版，旨在深入解析jQuery库的使用技巧和内部工作机制。这个压缩包包含了书中所有示例和源码，对于正在学习jQuery或者想要深入理解jQuery的人...

    jQuery初学代码集

    了解如何准确选取目标元素是学习jQuery的第一步。 - **DOM操作**：jQuery简化了DOM元素的获取、添加和删除。例如，`$(selector).html()`可以修改元素的内容，`$(selector).append()`用于在元素末尾添加内容。 - **...

    15天学会jQuery 初学

    #### 第1天：更快速的页面加载 - **背景**：`window.onload()`是传统JavaScript中常用的一个方法，用于检测页面是否完全加载完毕。但在实际应用中，有时页面完全加载的时间较长，尤其是当页面包含大量大尺寸图片时...

    jquery经典50例

    《jQuery经典50例》是一份集合了五十个实用且具有代表性的jQuery代码示例的资源，旨在为Web程序员提供学习和参考。jQuery是一个强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画以及Ajax交互等任务，极大...

    精心为jQuery初学者整理的106个实例代码集

    "jQ学习第一季"可能涵盖了ID选择器（如`$("#id")`）、类选择器（如`.class`）、元素选择器（如`$("element")`）以及组合选择器，如后代选择器（`$(".class .subclass")`）和相邻兄弟选择器（`$("prev + next")"`）。...

    [jQuery实战第二版].pdf

    总之，《jQuery实战第二版》不仅为初学者提供了一个系统学习jQuery的起点，也为有经验的开发者提供了一个深入研究和提高技能的宝贵资源。通过本书的学习，读者可以更好地掌握jQuery的强大功能，并将其应用于实际项目...

    jQuery初学实例代码集

    第一季：基础篇 在这一阶段，你将学习到jQuery的基本用法，包括如何引入jQuery库，以及基本的选择器如ID选择器、类选择器和元素选择器。此外，还将涉及DOM操作，如$(document).ready()函数的使用，用于确保文档加载...

    accp7.0jQuery第九章完整版

    总的来说，“ACCP7.0 jQuery第九章完整版”教程是学习jQuery不可或缺的资源，无论你是初学者还是有经验的开发者，都能从中受益。通过深入学习和实践，你将能够熟练地运用jQuery提高前端开发的效率和质量。

    jQuery 第一个demo

    本篇将深入解析“jQuery第一个Demo”，帮助初学者快速入门jQuery的基本用法。 首先，我们来看标题：“jQuery第一个demo”。这通常指的是一个简单的示例，用于展示如何在网页中引入jQuery库并执行基本操作。在这个...

    锋利的JQUERY第二版 源码下载

    总的来说，《锋利的jQuery第二版》的源码下载为读者提供了一个全方位的实践平台，无论是初学者还是资深开发者，都能从中受益。通过阅读和实践这些DEMO，你可以更深入地理解和运用jQuery，提升你的Web开发技能。

    jquery 参考资料 内含几十个示例 初学者不可错过

    此外，jQuery生态系统中有许多第三方插件，如Bootstrap、jQuery UI等，提供更丰富的功能和视觉效果。 **7. jQuery链式操作** jQuery的方法返回的是jQuery对象本身，因此可以链式调用多个方法，如`$("p").addClass(...

    锋利的jQuery第2版源码

    《锋利的jQuery第2版》是一本深入探讨jQuery库的专著，旨在帮助开发者更好地理解和运用这个强大的JavaScript库。本书源码的提供使得读者能够结合理论与实践，加深对jQuery的理解，提升开发效率。 jQuery是...

    JqueryMobile基础，初学者

    本教程主要面向初学者，旨在帮助你掌握 jQuery Mobile 的基础知识。 ### 一、引入 jQuery Mobile 首先，要在项目中使用 jQuery Mobile，你需要在 HTML 文件的 `&lt;head&gt;` 标签内引入 jQuery 和 jQuery Mobile 的 CSS...

    精通JQuery 比较适合初学者

    **第一季：jQuery基础** 在"jQ学习第一季.rar"中，你将学习到jQuery的基本概念和用法： 1. **jQuery引入**：了解如何在HTML页面中引入jQuery库，通常通过CDN链接或本地文件。 2. **选择器**：掌握jQuery的各种选择...

    锋利的jquery 第2版源码

    - `Chapter01.html`: 第一章的代码实例，可能涉及jQuery的基本用法和选择器。 - `Chapter02_event.html`: 第二章关于事件处理的代码，演示如何绑定和触发各种事件。 - `Chapter03_animation.html`: 动画效果的实现，...

Magicbox
Global site tag (gtag.js) - Google Analytics