您的位置：首页 > Web前端 > JQuery

jquery对DOM元素操作

2011-01-12 10:57 411 查看

从一开始接触jquery，一直以为如果想使用jquery，必须在script里写上

$(document).ready(function(){

});

这段代码，然后才能对DOM元素操作。

今天再看《Build iPhone APP with html css javascript》的时候，才发现自己的理解有误。其实，如果引入jquery库后，就可以对DOM元素操作了。写法和标准的JavaScript相同。

示例如下：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>
<mce:style type="text/css"><!--
.test{border:1px solid;}
--></mce:style><style type="text/css" mce_bogus="1">.test{border:1px solid;}</style>
<mce:script type="text/javascript" src="lib/jquery/jquery-1.4.2.js" mce_src="lib/jquery/jquery-1.4.2.js"></mce:script>
<mce:script type="text/javascript" src="jquery_sample.js" mce_src="jquery_sample.js"></mce:script>
<mce:script type="text/javascript"><!--
function spanfunction(){
$(".test").text("change text by chaichunyan.");
};
// --></mce:script>
</head>
<body>
<p>测试jquery function 是否需要
<pre>
$(document).ready(function(){

});
</pre>
</p>
<span class="test" onclick="spanfunction()">This is a span.</span>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航