jQuery OR 运算符混淆

Question

  <div id="my-nav-wrapper" class="noindex"> 
    <ul>
      <li><a href="http://www.dynamicdrive.com">Item 1</a></li>
      <li><a href="#">Folder 0</a>
      <ul>
        <li><a href="#">Sub Item 1.1</a></li>
        <li><a href="#">Sub Item 1.2</a></li>
        <li><a href="#">Sub Item 1.3</a></li>
        <li><a href="#">Sub Item 1.4</a></li>
        <li><a href="#">Sub Item 1.2</a></li>
        <li><a href="#">Sub Item 1.3</a></li>
        <li><a href="#">Sub Item 1.4</a></li>
      </ul>
      </li>
     </ul>
</div> 
var jQmainmenu = $("#my-nav-wrapper ul");
var settings = {classname: "whatever"};
alert("Before: " + jQmainmenu.parent().get(0).className);    
jQmainmenu.parent().get(0).className  += settings.classname || "ddsmoothmenu";
alert("After: " + jQmainmenu.parent().get(0).className);

我试图做的是，如果动态对象的类名属性为空/假settings则无论 settings.classname 值如何，都需要将类名"ddsmoothmenu"apended到现有的 else 中。

 jQmainmenu.parent().get(0).className  += settings.classname || "ddsmoothmenu";

此声明是否有效？它似乎有效，但我只是想确保使用这样的语法是可以的？

我知道我可以做如下作业：

jQmainmenu.parent().get(0).className  = settings.classname || "ddsmoothmenu";

这在语法上是正确的，但不是我想要的，因为它本质上replaces元素上的现有类值。

Answer 1

do

jQmainmenu.parent().addClass(settings.classname || "ddsmoothmenu");

jQuery将处理浏览器的所有怪癖（例如，并非所有IE版本都会直接考虑对className的更新）