`
zouwu85
  • 浏览: 18811 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

jQuery入门例子

jQueryCSSXHTMLHTML 
阅读更多
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script language="javascript" src="jquery.min.js"></script>
<SCRIPT LANGUAGE="JavaScript">
jQuery.fo2o = function() {   
$("p").live("click", function(){
$("#my").fadeOut("slow");
});
}; 
jQuery.zouwu = function(){
$("#my").live("click",function(){
  $("#my").css({ "margin-left": "10px", "background-color": "#ff0088", "width":"200px"});
  $("#you").load("http://www.baidu.com");

});
}
  jQuery().ready(function (){
jQuery.fo2o();
jQuery.zouwu();
  });

</SCRIPT>
</head>
<body>
<div id="my"><button value="添加背景色" height="5px"><h4><font color="#ff0088">添加背景色</font></h4></button>
<p><image src = "wewe.jpg"/>
<p><button value="隐藏">隐藏</button></p>

</div>
<div id="you" width="200px" height="200px"></div>
</body>
</html>
分享到：
| 被李刚儿子撞死的漂亮姑娘——晓风（照片）
评论
发表评论

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

相关推荐

    106个jQuery入门实例代码合集.rar

    《jQuery入门实例代码合集详解》 jQuery，作为一款强大的JavaScript库，因其简洁的API和丰富的功能，一直以来深受开发者喜爱。这份"106个jQuery入门实例代码合集"是针对初学者精心编排的实践教程，旨在帮助新接触...

    JQuery 入门实例，例题，可以运行的

    **jQuery 入门实例详解** jQuery 是一个广泛应用于前端开发的 JavaScript 库，它极大地简化了 JavaScript 的操作，包括DOM处理、事件处理、动画效果以及AJAX交互等。本篇文章将深入探讨jQuery的基础知识和入门实例...

    jQuery入门实例：使用jQuery编写简单的类tooltip的小插件

    标题中的“jQuery入门实例：使用jQuery编写简单的类tooltip的小插件”表明了本文将介绍如何使用jQuery这个流行的JavaScript库来创建一个类似tooltip的功能。jQuery是一个轻量级的库，它简化了HTML文档遍历、事件处理...

    JQuery入门实例

    **jQuery入门实例** jQuery是一个广泛使用的JavaScript库，它极大地简化了JavaScript代码的编写，特别是对于网页中的DOM操作、事件处理、动画效果以及Ajax交互。由于jQuery的跨浏览器兼容性，开发者不再需要为不同...

    jquery 入门实例

    **jQuery 入门实例详解** jQuery 是一个广泛应用于前端开发的 JavaScript 库，它简化了 HTML 文档遍历、事件处理、动画制作以及Ajax交互。本教程将通过一系列实例，帮助初学者快速掌握 jQuery 的基本用法。 1. **...

    jquery入门实例

    **jQuery入门实例** jQuery是一款强大的JavaScript库，它简化了HTML文档遍历、事件处理、动画设计和Ajax交互。本教程将带你逐步了解jQuery的基础知识，包括如何安装、配置环境，以及进行基本操作。 ### 1. jQuery...

    Jquery 入门 例子代码详细介绍

    这个压缩包中的"Jquery入门"包含了初学者需要掌握的基本概念和实践代码示例，帮助快速上手jQuery。 **一、jQuery简介** jQuery由John Resig于2006年创建，其核心理念是“Write Less, Do More”。它通过提供简单...

    JQuery入门的例子代码

    **jQuery入门例子代码详解** jQuery是一个轻量级的JavaScript库，它极大地简化了JavaScript的DOM操作、事件处理、动画制作以及Ajax交互。在本篇中，我们将深入探讨两个关键文件——"JQuery.html"和"jquery-1.3.2....

    jquery API文档和入门实例

    **二、jQuery入门实例** 为了更好地理解jQuery，我们将通过一些简单实例进行实践： 1. **页面加载后的操作**：`$(document).ready(function() {...})`确保代码在DOM加载完成后执行。例如： ```javascript $...

    DWR +ibaties+jquery入门例子

    本入门例子结合DWR、iBatis和jQuery，旨在展示如何构建一个简单的Web应用，实现在前端使用jQuery进行用户交互，通过DWR调用后端的Java方法，该方法由iBatis执行数据库操作。 1. **环境搭建** - 首先，确保你已经...

    jquery入门的例子

    **jQuery入门例子详解** jQuery，一个轻量级的JavaScript库，因其简洁的API和强大的功能，使得网页开发变得更加高效和简单。本篇文章将基于提供的"jquery入门的例子"，深入讲解jQuery的基本用法、菜单实现以及AJAX...

    jquery快速入门实例

    【jQuery 快速入门实例】 jQuery 是一个广泛使用的 JavaScript 库，它简化了 DOM 操作、事件处理和动画效果。本教程将引导你快速入门jQuery，通过基础实例帮助你掌握其核心概念。 ### 1. jQuery 构造函数与 $...

    jquery_入门实例

    在本实例中，我们将探讨如何开始使用 jQuery，了解其核心概念，并通过一些实际例子加深理解。 **一、jQuery 的基本使用** jQuery 的核心在于它的选择器，它允许我们方便地选取 HTML 元素。例如，`$("div")` 会选择...

    JQuery 入门实例1

    JQuery 入门实例 大家可以参考下。

    jQuery 入门提高速成实例打包

    这个“jQuery 入门提高速成实例打包”集合包含了一系列实用的实例，旨在帮助初学者快速掌握jQuery的基本用法和高级技巧。下面我们将深入探讨jQuery中的关键知识点。 1. **选择器**: jQuery 的核心在于强大的选择器...

    jQuery小例子,入门不错

    二、jQuery入门实例 在"jQuery小例子"中，我们可以看到以下几个常见示例： 1. **元素选取与操作**：通过选择器选取元素，然后进行属性修改或内容替换。例如： ```javascript $("#header").text("欢迎来到我的...

    jquery 入门demo

    《jQuery入门Demo详解》 jQuery，作为一款广泛应用于前端开发的JavaScript库，以其简洁的API、强大的功能和广泛的浏览器兼容性赢得了开发者们的喜爱。对于初学者来说，掌握jQuery的基础知识和常见操作是步入Web开发...

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