jQuery学习笔记


一直以来就想好好的学习一下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需要加上“#”
posted @ 2010-05-23 23:32  feiyang  阅读(230)  评论(0编辑  收藏  举报