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需要加上“#”

你可能感兴趣的:(jquery)