你并不仅限于在页面的标题部分使用jQuery——它还可方便地应用于元素事件或页面的其它地方。你可以在jQuery库中使用任何类型的JavaScript。
列表C中的实例显示选择按钮后，一个弹出窗口中页面段落的总数量（用P元素表示）。按钮代码中即包含用jQuery格式化的JavaScript代码。
<html><head>
<title>Number of paragraphs</title>
<script type="text/javascript" src="jquery-latest.js"></script>
</head>
<body>
<h1>Test</h1>
<p>test</p>
<h1>Test2</h1>
<p>test2</p>
<a href="http://www.news.com/">Get the latest news!</a>
<input type="button" value="# of paragraphs" onclick='alert($("p").size());' />
</body></html>
列表D中的实例使用jQuery来自定义页面项目清单中的圆点字符。它使用CSS，通过清单的样式属性删除标准的圆点字符。这个方法答应你仅用一小段代码使用清单中的任何字符甚至是图像。
<html><head>
<title>Custome bullets</title>
<script type="text/javascript" src="jquery-latest.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("ul > li").prepend("<>?");});
</script></head>
<body>
<ul style="list-style: none;">
<li><a href="http://www.news.com/">Get the latest news!</a></li>
<li><a href="http://www.techrepublic.com/">Get your techy fix</a></li>
<li><a href="http://www.gamespot.com/">Gaming</a></li>
</body></html>
本文列出的代码实例概括说明了jQuery库具有的强大功能和灵活性。请通过在线综合实例代码和教程了解更多有关jQuery库的知识。
实现快速操作
应用jQuery，你几乎可以处理Web页面上的任何内容。它的语法可以迅速定位HTML DOM元素。虽然你也可以用标准JavaScript完成同样的功能，但jQuery的精简语法答应你用更少的代码减少编码任务，从而帮助你节省时间。
你曾经使用过jQuery库或其它开发库吗？请在文后的讨论部分与Web开发社区分享你的观点和经验。
Tony Patton拥有丰富的Java、VB、Lotus及XML方面的知识，是一个专业的应用程序开发人员。
评论加载中…
 |