一直以來就想好好的學習一下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需要加上“#”
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
