Javascript 第一个子语法

Javascript 第一个子语法,javascript,jquery,syntax,Javascript,Jquery,Syntax,作为一名初学者,我很难理解jQuery语法。 我意识到下面的代码没有选择第一个子项(div) 我的问题: 为什么语法错误?我应该如何选择上一个锚元素中的div? 请有人能/会有人帮我回答这个简单的问题,或者给我指出正确的方向吗 (我确实搜索过,但就是找不到答案。) 曼尼,先谢谢你 function hilight(a) { $('a').prev().first-child.css({"backgroundColor":"#ffffff","color":"#000000"}); } <

作为一名初学者,我很难理解jQuery语法。 我意识到下面的代码没有选择第一个子项(div)

我的问题: 为什么语法错误?我应该如何选择上一个锚元素中的div? 请有人能/会有人帮我回答这个简单的问题,或者给我指出正确的方向吗

(我确实搜索过,但就是找不到答案。) 曼尼,先谢谢你

function hilight(a) {
$('a').prev().first-child.css({"backgroundColor":"#ffffff","color":"#000000"}); }

<div>
<a href="#" class="bttn"><div class="bttn">Button</div></a>
<a href="#" class="image" onmouseover="hilight(this)" onmouseout="normal(this)">
    <img src="imgage.png"/>
</a></div>
功能hilight(a){
$('a').prev().first child.css({“backgroundColor”:“#ffffff”,“color”:“#000000”})}
有两个问题

function hilight(a) {
    //use a as a variable reference & use .children() to find the first child
    $(a).prev().children(':first-child').css({
        "backgroundColor": "#ffffff",
        "color": "#000000"
    });
}
因为您使用的是jQuery,所以更喜欢使用jQuery事件处理程序,而不是使用内联处理程序

演示:

    • 有两个问题

      function hilight(a) {
          //use a as a variable reference & use .children() to find the first child
          $(a).prev().children(':first-child').css({
              "backgroundColor": "#ffffff",
              "color": "#000000"
          });
      }
      
      因为您使用的是jQuery,所以更喜欢使用jQuery事件处理程序,而不是使用内联处理程序

      演示:


      提示:您正在传递但未使用变量
      a
      :first child
      :请不要在此类术语上使用缩写
      JQ
      是另外一种东西,它与
      jQuery
      无关。style属性应该是“background color”,我想提示:您正在传递变量,但没有使用变量
      a
      :第一个孩子
      :请不要在此类术语上使用缩写
      JQ
      是另外一种东西,它与
      jQuery
      没有任何关系。style属性应该是“background color”,我想是Nice fiddle!!当然,现在我还有一个问题:为什么要将代码放在函数中:jQuery(函数($){…谢谢你的快速而有趣的回答!没有jQuery(函数也是。很好的小提琴!!当然,现在我还有一个问题:为什么要将代码放在函数中:jQuery(函数($){…感谢您快速而有趣的回复!似乎没有jQuery(函数)也能正常工作。