如何将类分配给jquery按钮变量

您好，我有一个jquery，看起来像这样：

var autoStart = true;

jQuery(document).ready(function($) {

    $('.royalSlider').each(function() {

      var autoStart = true;
      var slider = $(this);
      var button = $('<button>pause</button>').insertAfter(slider).click(function() {

        if(autoStart) {
            $(this).html('play');
        } else {
            $(this).html('pause');
        }
        autoStart = !autoStart;

        slider.royalSlider('toggleAutoPlay');
      });

    });

var autoStart=true；
jQuery（文档）.ready（函数（$）{
$（'.royalSlider'）。每个（函数（）{
var autoStart=true；
变量滑块=$（此）；
var按钮=$（'pause'）。插入后面（滑块）。单击（函数（）{
如果（自动启动）{
$（this.html（'play'）；
}否则{
$（this.html（'pause'）；
}
autoStart=！autoStart；
slider.royalSlider（'toggleAutoPlay'）；
});
});

我想给这个代码中的按钮分配一些css，我如何给这个按钮分配一个类？ 谢谢

#1最简单的方法就是在按钮定义中加入

class='class='classname'

#2第二个最简单的方法是在定义中添加

id='button-name'

，然后执行以下操作：

$("#button-name").addClass("class-name")

…将按钮插入DOM后

#3第三种/最难的方法是不添加

类

或

id

，而是从内容开始工作。您可以这样做：

$("button:contains('pause')").addClass("class-name");

---

#1绝对也是最快的。根本不需要额外处理！只需执行以下操作：

var button = $('<button class="class-name">pause</button>') ...

var按钮=$（'pause'）。。。

---

要进一步优化，请执行以下操作：

function toggleAutostart( autoStart ) {
  if ( autoStart == undefined ) autoStart = true;

  if(autoStart) {
        $(this).html('play');
  } else {
        $(this).html('pause');
  }
  autoStart = !autoStart;

  slider.royalSlider('toggleAutoPlay');
}

jQuery(document).ready(function($) {
    $('.royalSlider').each(function() {
        $('<button class="class-name">pause</button>')
            .insertAfter( $(this) )
            .click( toggleAutostart );
    );
});

功能切换至自动启动（自动启动）{
如果（autoStart==未定义）autoStart=true；
如果（自动启动）{
$（this.html（'play'）；
}否则{
$（this.html（'pause'）；
}
autoStart=！autoStart；
slider.royalSlider（'toggleAutoPlay'）；
}
jQuery（文档）.ready（函数（$）{
$（'.royalSlider'）。每个（函数（）{
$（“暂停”）
.insertAfter（$（本））
。单击（toggleAutostart）；
);
});

#1最简单的方法是在按钮定义中包含

class='classname'

#2第二个最简单的方法是在定义中添加

id='button-name'

，然后执行以下操作：

$("#button-name").addClass("class-name")

…将按钮插入DOM后

#3第三种/最难的方法是不添加

类

或

id

，而是从内容开始工作。您可以这样做：

$("button:contains('pause')").addClass("class-name");

---

#1绝对也是最快的。根本不需要额外处理！只需执行以下操作：

var button = $('<button class="class-name">pause</button>') ...

var按钮=$（'pause'）。。。

---

要进一步优化，请执行以下操作：

function toggleAutostart( autoStart ) {
  if ( autoStart == undefined ) autoStart = true;

  if(autoStart) {
        $(this).html('play');
  } else {
        $(this).html('pause');
  }
  autoStart = !autoStart;

  slider.royalSlider('toggleAutoPlay');
}

jQuery(document).ready(function($) {
    $('.royalSlider').each(function() {
        $('<button class="class-name">pause</button>')
            .insertAfter( $(this) )
            .click( toggleAutostart );
    );
});

功能切换至自动启动（自动启动）{
如果（autoStart==未定义）autoStart=true；
如果（自动启动）{
$（this.html（'play'）；
}否则{
$（this.html（'pause'）；
}
autoStart=！autoStart；
slider.royalSlider（'toggleAutoPlay'）；
}
jQuery（文档）.ready（函数（$）{
$（'.royalSlider'）。每个（函数（）{
$（“暂停”）
.insertAfter（$（本））
。单击（toggleAutostart）；
);
});

#1最简单的方法是在按钮定义中包含

class='classname'

#2第二个最简单的方法是在定义中添加

id='button-name'

，然后执行以下操作：

$("#button-name").addClass("class-name")

…将按钮插入DOM后

#3第三种/最难的方法是不添加

类

或

id

，而是从内容开始工作。您可以这样做：

$("button:contains('pause')").addClass("class-name");

---

#1绝对也是最快的。根本不需要额外处理！只需执行以下操作：

var button = $('<button class="class-name">pause</button>') ...

var按钮=$（'pause'）。。。

---

要进一步优化，请执行以下操作：

function toggleAutostart( autoStart ) {
  if ( autoStart == undefined ) autoStart = true;

  if(autoStart) {
        $(this).html('play');
  } else {
        $(this).html('pause');
  }
  autoStart = !autoStart;

  slider.royalSlider('toggleAutoPlay');
}

jQuery(document).ready(function($) {
    $('.royalSlider').each(function() {
        $('<button class="class-name">pause</button>')
            .insertAfter( $(this) )
            .click( toggleAutostart );
    );
});

功能切换至自动启动（自动启动）{
如果（autoStart==未定义）autoStart=true；
如果（自动启动）{
$（this.html（'play'）；
}否则{
$（this.html（'pause'）；
}
autoStart=！autoStart；
slider.royalSlider（'toggleAutoPlay'）；
}
jQuery（文档）.ready（函数（$）{
$（'.royalSlider'）。每个（函数（）{
$（“暂停”）
.insertAfter（$（本））
。单击（toggleAutostart）；
);
});

#1最简单的方法是在按钮定义中包含

class='classname'

#2第二个最简单的方法是在定义中添加

id='button-name'

，然后执行以下操作：

$("#button-name").addClass("class-name")

…将按钮插入DOM后

#3第三种/最难的方法是不添加

类

或

id

，而是从内容开始工作。您可以这样做：

$("button:contains('pause')").addClass("class-name");

---

#1绝对也是最快的。根本不需要额外处理！只需执行以下操作：

var button = $('<button class="class-name">pause</button>') ...

var按钮=$（'pause'）。。。

---

要进一步优化，请执行以下操作：

function toggleAutostart( autoStart ) {
  if ( autoStart == undefined ) autoStart = true;

  if(autoStart) {
        $(this).html('play');
  } else {
        $(this).html('pause');
  }
  autoStart = !autoStart;

  slider.royalSlider('toggleAutoPlay');
}

jQuery(document).ready(function($) {
    $('.royalSlider').each(function() {
        $('<button class="class-name">pause</button>')
            .insertAfter( $(this) )
            .click( toggleAutostart );
    );
});

功能切换至自动启动（自动启动）{
如果（autoStart==未定义）autoStart=true；
如果（自动启动）{
$（this.html（'play'）；
}否则{
$（this.html（'pause'）；
}
autoStart=！autoStart；
slider.royalSlider（'toggleAutoPlay'）；
}
jQuery（文档）.ready（函数（$）{
$（'.royalSlider'）。每个（函数（）{
$（“暂停”）
.insertAfter（$（本））
。单击（toggleAutostart）；
);
});

也许你想先检查一下是否存在。。。 请看参考资料：

也许你想先检查一下是否存在。。。 请看参考资料：

也许你想先检查一下是否存在。。。 请看参考资料：

也许你想先检查一下是否存在。。。 查看参考资料：

创建元素

var btn=$（''{
文本：“暂停”，
“类”：“myClass”，
单击：handleClick
}).插入器（滑块）；
函数handleClick（）{
$（this.html（自动启动？'play'：'pause'）；
autoStart=！autoStart；
slider.royalSlider（'toggleAutoPlay'）；
}

创建元素

var btn=$（''{
文本：“暂停”，
“类”：“myClass”，
单击：handleClick
}).插入器（滑块）；
函数handleClick（）{
$（this.html（自动启动？'play'：'pause'）；
autoStart=！autoStart；
slider.royalSlider（'toggleAutoPlay'）；
}

创建