一直以来就想好好的学习一下jQuery,因为平时在工作中也没有用到jQuery的东西。
但是最近看了很多资料,发现如果在实际的项目中能使用jQuery真的能给我们带来很大的帮助和效率。
于是今天就在博客园上找到jQuery的专题,准备好好的学习一下,于是就按照上面的一些入门的文章,一步一步的操作。
参考的资料就是jQuery入门[1]-构造函数,自己在vs2010中测试发现两个问题,首先看代码
<!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>
<title>学§习°jQuery</title>
<style type="text/css">
.selected
{
font-size: 28px;
background: Yellow;
}
.div1style
{
width: 200px;
height: 20px;
background-color: Blue;
}
</style>
<script type="text/javascript" src="Scripts/jquery-1.4.1.js"></script>
</head>
<body>
<div>
<h3>
jQuery构1造ì函ˉ数簓</h3>
<ul>
<li id="li1">jQuery(expression,context) </li>
<li>jQuery(html) </li>
<li>jQuery(elements) </li>
<li>jQuery(fn) </li>
</ul>
<p>
one</p>
<div>
<p>
two</p>
</div>
<p>
three</p>
</div>
<div id="div1">
</div>
<script type="text/javascript">
//debugger;
//document.getElementById("li1").className = "selected";
$("#li1").addClass('selected');
// $('ul').append($('new item'));
$(document).ready(function () {
$('ul').css('color', 'blue');
});
$(document).ready(function () {
$("#div1").addClass("div1style");
})
//document.getElementById("div1").className = "div1style";
</script>
</body>
</html>
上面的代码就基本是jQuery入门[1]-构造函数上面的代码。但是在测试中发现$("li1").addClass('selected')这不起作用,但是直接用document.getElementById("li1").className = "selected";
又是可以的,同时('ul').append($('new item'));这一句也没有起作用,只有$(document).ready(function () {
$('ul').css('color', 'blue');
});
这一段代码生效,真的不知道那么出错咯,跟踪代码Dom对象也是有对象!这个问题真的不知道出在哪里了?
终于晓得问题出在哪里了,原来jQuery在获取对象时,如果是Id需要加上“#”