简单的jQuery页面不起作用

如何解决简单的jQuery页面不起作用

  …
  <script src=\"http://code.jquery.com/jquery-1.5.js\"></script>
</head>
<body>
  <div id =\"iAmNew\">id=\"iAmNew\"</div>
  <script>
    $(#iAmNew).style(\"border\",\"4px dotted blue\");
  </script>
  …

解决方法

它不起作用，因为您使用的是不存在的jQuery方法，即.style()而不是.css()。尝试：

$(\'#iAmNew\').css(\"border\",\"4px dotted blue\");

而且，基本上，“亚当说了什么”（在评论中）：他忘记了选择器周围的引号（只是指出了）。如果要使用原生JavaScriptstyle，则应使用：

document.getElementById(\'iAmNew\').style.border = \'4px dotted blue\';

参考： css()。 ,

$(\"#iAmNew\").css(\"border\",\"4px dotted blue\");

,尝试这个：

<div id =\"iAmNew\">id=\"iAmNew\"</div>

<script>
$(\"#iAmNew\").css(\"border\",\"4px dotted blue\");</script>

,style()方法不存在，您正在寻找css()。您还需要将选择器放在引号中，如下所示：

$(\"#iAmNew\").css(\"border\",\"4px dotted blue\");

,它应该是

$(\'#iAmNew\').css(\"border\",\"4px dotted blue\");

,使用$(\"#iAmNew\").css(\"border\",\"4px dotted blue\");