代码之家  ›  专栏  ›  技术社区  ›  Callum Rogers

在“本机”HTML对象上使用jquery

  •  0
  • Callum Rogers  · 技术社区  · 15 年前

    我刚开始使用jquery,但有点卡住了。我在javascript中动态地构建一个表,并且一直在向单元格添加类(用于样式),因此我想使用 addClass 功能:

    var row = table.insertRow(-1);
    var cell = row.insertCell(0);
    cell.addClass('boldRow');
    

    但这行不通。我知道你可以用魔法 $('') 函数可以使用jquery,但我可以在“native”htmlelement引用上使用它吗?

    5 回复  |  直到 8 年前
        1
  •  3
  •   Justin Ethier    15 年前

    $(cell).addClass 应该做的技巧-你为什么不试试让我们知道。

    无论如何,你必须使用 $() 加载jquery框架以访问 addClass .

        2
  •  1
  •   user113716    15 年前

    您只需像放置字符串一样放置元素。

    $(someElementReference).addClass('boldrow');
    

    您还可以传递一组元素(如果您拥有这些元素的话)。

    下面是一个例子: http://jsfiddle.net/qS473/

        3
  •  1
  •   Jacob Relkin    15 年前

    是的,可以将本机DOM对象传入 jQuery 函数,它将创建一个 JQuery 来自dom对象的对象:

    $(cell).addClass('boldRow');
    

    但你不需要 JQuery 向DOM对象添加CSS类! :

    cell.class += ' boldRow';
    
        4
  •  0
  •   C. E.    15 年前

    是的,您可以选择带有$()的所有HTML元素,例如,$('body')或$('html')等。因为它只是一个框架,所以您也可以使用任何其他您能想到的javascript来解决这个问题。

        5
  •  0
  •   JoshNaro    15 年前

    通常,我在创建新元素时要做的第一件事是:

    var newDivJQObject = $(document.createElement('div'))
      .attr('id', '[uniqueID]')
      .addClass('[className]');