ex-2.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").click(function(){
//获取文本信息
var val = $(this).text() ;
//使用正则表达式改变文本节点
var reg = /^\^{2}/ ;
if(reg.test(val)) {
val = val.replace(reg, "") ;
}else {
//在JS中不支持--> val += "^^" 这样的运算
val = "^^" + val;
}
$(this).text(val) ;
}) ;
}) ;
</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>
<br>
<br>
gender: <input type="radio" name="gender" value="male"/>Male<input type="radio" name="gender" value="female"/>Female
</body>
</html>
分享到：
相关推荐
在本项目"Jquery练习2：制作QQ简易聊天框.zip"中，我们将探索如何使用jQuery这一流行的JavaScript库来创建一个类似QQ的简单聊天界面。这个练习旨在帮助开发者掌握jQuery的基本用法，以及如何利用它来增强网页的交互...
jQuery案例有4个即1、手风琴显示图片效果2、方块旋转变色3、表格数据渲染删除操作 4、jquery写轮播图，也含有原生js轮播图案例，每个案例中代码注解很详细 通过案例练习熟悉jquery相关知识点
在“jQuery练习实例”这个压缩包中，我们可以期待找到一系列的示例代码和讲解，帮助我们深入理解jQuery的核心功能和常见用法。 1. **DOM操作**：jQuery的核心在于其对DOM（Document Object Model）的操作。通过简洁...
二、jQuery选择器 jQuery的选择器借鉴了CSS，使得选取页面元素变得非常直观。例如，`$("#id")`用于选取ID为指定值的元素，`$(".class")`用于选取所有class属性包含指定值的元素，`$("tagname")`则用于选取特定标签...
本篇文章将深入探讨“jQuery练习”这一主题，特别关注如何使用jQuery实现导航菜单弹出二级菜单的功能。 首先，让我们理解导航菜单的基本结构。在网页设计中，导航菜单通常包含一级菜单项，当用户悬停在这些项上时，...
本篇文章将围绕"Jquery部分效果练习"这一主题，详细阐述jQuery中的核心概念和常见效果的实现。 首先，jQuery的核心在于它的选择器。选择器类似于CSS，用于选取HTML文档中的元素。例如，`$("#id")`用于选取ID为"id...
《jQuery学习手册及实例练习》是一份全面介绍jQuery库的学习资源，旨在帮助开发者深入理解和熟练运用这个强大的JavaScript库。jQuery简化了HTML文档遍历、事件处理、动画设计和Ajax交互等任务，使得前端开发变得更加...
通过上述的练习题，你可以实践并巩固这些选择器的用法。记住，熟练掌握jQuery选择器将极大地提升你的前端开发效率，让你编写出更加简洁高效的代码。在学习过程中，不断实践和应用这些知识点，你将会成为一个jQuery的...
二、 jQuery 选择器 1. 选择器“$(':input')”仅能获取表单中的 input 元素标签。 2. jQuery 中 hover() 方法可同时处理鼠标移入与移出事件的切换。 三、 jQuery 方法 1. contains() 方法可以根据包含文本匹配到...
本练习旨在帮助你熟悉并掌握jQuery的基本用法，包括选择器、事件、文档处理、函数以及属性的运用。 首先，让我们详细探讨jQuery的选择器。jQuery的选择器基于CSS选择器，允许你高效地选取DOM元素。例如，`$("#id")`...
本文件是一个小的工程，关于ajax框架的jquery的一些小的练习，与大家分享。
jquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，仿真google suggestjquery练习的例子，...
2. **链式操作**: jQuery对象支持链式调用，这意味着可以连续执行多个方法，如`$("#element").hide().fadeIn()`，先隐藏元素，再渐显出来。这种语法极大地提高了代码的可读性。 3. **DOM操作**: jQuery提供了一系列...
二、jQuery选择器 jQuery的选择器类似于CSS，用于快速定位页面中的元素。例如，`$("#id")`选择ID为指定值的元素，`$(".class")`选择所有class为指定值的元素，`$("tag")`则选择所有特定类型的标签元素。 三、属性...
（1）将拥有alt属性的倒数第二个图片元素应用yellow类 （2）将第一个checkbox表单元素应用.green样式 （3）求id值为checkbox3的元素在所有表单元素里的顺序号 （4）用一条链式语句完成：先对所有img元素...
这个“前端jQuery练习网页”项目是您在学习阶段完成的一个作品，虽然存在一些bug，但它仍然是一个很好的学习和回顾jQuery核心概念的起点。** 在项目中，`js` 文件夹可能包含你编写的所有 JavaScript 代码，这些代码...
在"js 小项目练习，jQuery 小例子"中，我们可以看到几个基于jQuery实现的常见功能： 1. **菜单**：jQuery可以轻松地创建动态菜单，包括下拉菜单、滑动菜单等。通过监听用户的鼠标事件，如hover（悬停）和click...
标题中的“Jquery练习-包含JQUERY1.4.2的js库”指向的是一个学习资源，特别关注于jQuery 1.4.2版本的实践应用。这个版本在2010年发布，虽然不是最新版，但对于初学者来说，它仍然是理解jQuery核心概念的好起点。** ...
在"js练习，jquery练习 购物车.zip"这个压缩包中，我们可以期待找到一个基于 JavaScript 和 jQuery 的购物车应用的源代码。购物车功能是电商网站的核心部分，它涉及到商品的添加、删除、数量增减以及总价计算等多个...
通过学习这个练习，你将能够掌握jQuery的核心功能，并将其应用于实际的网页开发中。 首先，让我们从引入jQuery库开始。为了在项目中使用jQuery，你需要在HTML文件的头部添加jQuery的CDN链接，或者将jQuery库下载到...