简单的jQuery页面无法正常工作

时间:2011-04-12 19:55:41

标签: 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>
  …

6 个答案:

答案 0 :(得分:3)

它不起作用,因为你使用了一个不存在的jQuery方法.style()而不是.css()。尝试:

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

而且,基本上,“亚当所说的”(在评论中):

  

他忘记了选择器周围的引号(只是指出了它)。

如果您想使用原生JavaScript style,您应该使用:

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

参考:

答案 1 :(得分:0)

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

答案 2 :(得分:0)

试试这个:

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

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

答案 3 :(得分:0)

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

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

答案 4 :(得分:0)

应该是

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

答案 5 :(得分:0)

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