`

jQuery练习一

jQuery游戏HTML 
阅读更多

ex-1.html 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Untitled Document</title>
		<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
		<script type="text/javascript">
			
			//点击任何一个 li 节点, 弹出其文本值
			$(document).ready(function(){
				//给 li 节点增加方法
				$("li").click(function(){
					alert($(this).text()) ;
				}) ;
			}) ;
			

		</script>
		
	</head>
	<body>
		<p>你喜欢哪个城市?</p>
		<ul id="city">
			<li id="bj" title="Beijing">北京</li>
			<li>上海</li>
			<li>东京</li>
			<li>首尔</li>
		</ul>
		
		<br><br>
		<p>你喜欢哪款单机游戏?</p>
		<ul id="game">
			<li id="ra">红警</li>
			<li>实况</li>
			<li>极品飞车</li>
			<li id="war3">魔兽</li>
		</ul>  
		
		
	</body>
</html>
分享到：
| 看《社交网络》之后
评论
发表评论

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

相关推荐

    jQuery案例练习.rar

    jQuery案例有4个即1、手风琴显示图片效果2、方块旋转变色3、表格数据渲染删除操作 4、jquery写轮播图，也含有原生js轮播图案例，每个案例中代码注解很详细 通过案例练习熟悉jquery相关知识点

    Jquery练习1：制作简易的当当购物车页面.zip

    在本实践项目中，我们将利用jQuery库来创建一个简单的当当购物车页面。jQuery是一个流行的JavaScript库，它简化了HTML文档遍历、事件处理、动画和Ajax交互等任务。通过这个练习，我们可以深入理解jQuery的基本用法...

    jquery练习实例

    在“jQuery练习实例”这个压缩包中，我们可以期待找到一系列的示例代码和讲解，帮助我们深入理解jQuery的核心功能和常见用法。 1. **DOM操作**：jQuery的核心在于其对DOM（Document Object Model）的操作。通过简洁...

    jquery练习

    通过练习，加深对jQuery的理解，提高编写高效、简洁代码的能力。 总结来说，jQuery作为一款强大的JavaScript库，它简化了许多前端开发中的常见任务，提高了开发效率。通过学习和实践jQuery，开发者可以更好地驾驭...

    jQuery练习

    本篇文章将深入探讨“jQuery练习”这一主题，特别关注如何使用jQuery实现导航菜单弹出二级菜单的功能。 首先，让我们理解导航菜单的基本结构。在网页设计中，导航菜单通常包含一级菜单项，当用户悬停在这些项上时，...

    Jquery练习1：统计包含“a”或“A”的字符串的个数.zip

    在本实践项目中，我们关注的是使用jQuery来统计一个字符串中包含特定字符“a”或“A”的个数。jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理以及Ajax交互等任务。在这个练习中，我们将不直接用到...

    Jquery部分效果练习

    本篇文章将围绕"Jquery部分效果练习"这一主题，详细阐述jQuery中的核心概念和常见效果的实现。 首先，jQuery的核心在于它的选择器。选择器类似于CSS，用于选取HTML文档中的元素。例如，`$("#id")`用于选取ID为"id...

    jQuery学习手册及实例练习

    《jQuery学习手册及实例练习》是一份全面介绍jQuery库的学习资源，旨在帮助开发者深入理解和熟练运用这个强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务，使得前端开发变得更加...

    jQuery基础选择器练习题

    在JavaScript的世界里，jQuery是一个非常流行和强大的库，它极大地简化了DOM操作、事件处理以及动画效果。本篇文章将深入探讨jQuery的基础选择器及其在实际编程中的应用，以帮助你更好地理解和掌握这些知识点。 ...

    JQuery练习题1

    1. **选择器**: jQuery的核心在于它的选择器，能够方便地选取DOM元素。例如，`$("#id")`选择ID为指定ID的元素，`$(".class")`选择所有类名为指定类的元素，`$("tag")`选择所有特定类型的标签。在实际编程中，我们...

    JQuery使用练习

    本练习旨在帮助你熟悉并掌握jQuery的基本用法，包括选择器、事件、文档处理、函数以及属性的运用。 首先，让我们详细探讨jQuery的选择器。jQuery的选择器基于CSS选择器，允许你高效地选取DOM元素。例如，`$("#id")`...

    jQuery练习题.docx

    一、 jQuery 基础知识 1. jQuery 显示隐藏的元素用 show() 方法实现。 2. jQuery 中，$.ajaxSetup() 用于设置全局 Ajax 默认的选项。 二、 jQuery 选择器 1. 选择器“$(':input')”仅能获取表单中的 input 元素...

    Jquery练习2：制作QQ简易聊天框.zip

    在本项目"Jquery练习2：制作QQ简易聊天框.zip"中，我们将探索如何使用jQuery这一流行的JavaScript库来创建一个类似QQ的简单聊天界面。这个练习旨在帮助开发者掌握jQuery的基本用法，以及如何利用它来增强网页的交互...

    jquery的相关练习

    本文件是一个小的工程，关于ajax框架的jquery的一些小的练习，与大家分享。

    jquery练习的例子，仿真google suggest

    jquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，...

    jquery练习狂拍灰太狼.zip

    在本练习中，你将运用jQuery处理一系列与属性节点相关的任务，例如： - 灰太狼的图片显示与隐藏，通过控制`style.display`属性来实现。 - 灰太狼的位置移动，利用`data-*`自定义属性记录坐标，通过修改这些属性值并...

    前端jquery练习网页

    这个“前端jQuery练习网页”项目是您在学习阶段完成的一个作品，虽然存在一些bug，但它仍然是一个很好的学习和回顾jQuery核心概念的起点。** 在项目中，`js` 文件夹可能包含你编写的所有 JavaScript 代码，这些代码...

    js 小项目练习，jQuery 小例子

    在"js 小项目练习，jQuery 小例子"中，我们可以看到几个基于jQuery实现的常见功能： 1. **菜单**：jQuery可以轻松地创建动态菜单，包括下拉菜单、滑动菜单等。通过监听用户的鼠标事件，如hover（悬停）和click...

    js练习，jquery练习 购物车.zip

    在"js练习，jquery练习 购物车.zip"这个压缩包中，我们可以期待找到一个基于 JavaScript 和 jQuery 的购物车应用的源代码。购物车功能是电商网站的核心部分，它涉及到商品的添加、删除、数量增减以及总价计算等多个...

    Jquery练习-包含JQUERY1.4.2的js库

    标题中的“Jquery练习-包含JQUERY1.4.2的js库”指向的是一个学习资源，特别关注于jQuery 1.4.2版本的实践应用。这个版本在2010年发布，虽然不是最新版，但对于初学者来说，它仍然是理解jQuery核心概念的好起点。** ...

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