JQuery入门（三）-选择器1

最新推荐文章于 2025-12-18 23:38:54 发布

原创最新推荐文章于 2025-12-18 23:38:54 发布 · 716 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #Html #HTML #jquery #jQuery #JQUERY #Jquery #JQuery #xhtml #XHTML #文档

前端技术专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的网页应用，用于让用户选择最喜欢的水果，并通过JavaScript获取和显示选择项。通过代码实例，展示了如何使用jQuery和JavaScript操作DOM元素。

<!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 type="text/javascript" src="scripts/jquery-1.3.1.js"></script>
</head>
<body>
<p title="选择你最喜欢的水果">选择你最喜欢的水果</p>
<ul>
<li title="苹果">苹果</li>
<li title="香蕉">香蕉</li>
<li title="桔子">桔子</li>
</ul>
</body>
</html>
<script type="text/javascript">
//以下代码获取了<ul>元素中的第二个<li>元素的文本内容，将桔子打印出来。
var $li = $("ul li:eq(1)");
var li_txt = $li.text();
alert(li_txt);

//以下代码获取p元素中的title属性。
var $para = $("p");
var p_txt = $para.attr("title");
alert(p_txt);
</script>