定义和调用自定义javascript函数的语法

Syntax for defining and calling custom javascript function

本文关键字：函数 语法 javascript 自定义 调用 定义      更新时间：2023-09-26

如何从jQuery点击事件中调用自定义函数?

我定义了一个clearOrder函数来执行一些操作。然后，当我单击一个DOM元素时，我想调用该函数，然后执行更多操作。

操作只是应用和删除类。正如您所看到的，在向DOM元素添加特定的类之前，我想从元素中清除指定的现有类，作为一种重置。

html 

<div id="neti" class="tile"> contents </div>
<div id="sife" class="tile"> contents </div>
javascript 

(function() {
  clearOrder(function() {
    return $('.tile').removeClass("order-1 order-2 order-3 order-4 order-5 order-6 order-7 order-8 order-9 order-10 order-11 order-12 order-13 order-14 order-15 order-16");
  });
  jQuery(function() {
    $('#neti').click(function() {
      clearOrder.call;
      $('this').addClass("active");
      $('#neti').addClass("order-1");
      $('#sife').addClass("order-2");
    });
  });
}).call(this);

脚本行为应该是当我点击一个元素时，它应该删除所有指定的类，然后应用某些类。

edit:已更改为以下内容，但仍无法正常运行。

(function() {
  clearOrder(function() {
    return $('.tile').removeClass("order-1 order-2 order-3 order-4 order-5 order-6 order-7 order-8 order-9 order-10 order-11 order-12 order-13 order-14 order-15 order-16");
  });
  jQuery(function() {
    $('#neti').click(function() {
      clearOrder();
      $('this').addClass("active");
      $('#neti').addClass("order-1");
      $('#sife').addClass("order-2");

有多重问题

(function () {
    //function declaration syntax was wrong
    function clearOrder() {
        return $('.tile').removeClass("order-1 order-2 order-3 order-4 order-5 order-6 order-7 order-8 order-9 order-10 order-11 order-12 order-13 order-14 order-15 order-16");
    };
    jQuery(function ($) {
        $('#neti').click(function () {
            //add () to the end of the function reference to invoke it
            clearOrder();
            // this is not a string literal, it has to be used as a keyword(without enclosing '') to refer the current clicked element
            $(this).addClass("active");
            $('#neti').addClass("order-1");
            $('#sife').addClass("order-2");
        });
    });
}).call(this);

演示:小提琴

相关文章：