{"id":19042,"date":"2024-03-15T18:06:50","date_gmt":"2024-03-15T18:06:50","guid":{"rendered":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/"},"modified":"2024-03-21T14:45:19","modified_gmt":"2024-03-21T14:45:19","slug":"how-is-the-jquery-bind-method-used","status":"publish","type":"post","link":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/","title":{"rendered":"How is the jQuery.bind() method used?"},"content":{"rendered":"

The jQuery.bind() function is used to attach one or more event handlers to selected elements.<\/p>\n

The method of use is as follows:<\/p>\n

    \n
  1. Bind a single event handler.<\/li>\n<\/ol>\n
    $(selector).bind<\/span>(event, handler)\r\n<\/code><\/pre>\n
    In this case, the selector is the element to which the event will be bound, the event is the type of event to be bound (can be one or more separated by spaces), and the handler is the function that will handle the event (can be a defined function or an anonymous function).<\/p>\n
    Original: \u6211\u4eec\u9700\u8981\u8ba4\u771f\u5bf9\u5f85\u8fd9\u4e2a\u95ee\u9898\u3002<\/p>\n
    Paraphrased: We need to take this issue seriously.<\/p>\n
    $(\"button\"<\/span>).bind<\/span>(\"click\"<\/span>, function<\/span>(<\/span>) {\r\n  console<\/span>.log<\/span>(\"\u6309\u94ae\u88ab\u70b9\u51fb\u4e86\"<\/span>);\r\n});\r\n<\/code><\/pre>\n
      \n
    1. Bind multiple event handlers:<\/li>\n<\/ol>\n
      $(selector).bind<\/span>(event, [data], handler)\r\n<\/code><\/pre>\n
      The data parameter is optional and represents additional information passed to the event handling function.<\/p>\n
      “\u8bf7\u4e0d\u8981\u9760\u8fd1\u8fb9\u7f18\u3002”
      \nOption: “Please do not approach the edge.”<\/p>\n
      $(\"button\"<\/span>).bind<\/span>(\"click\"<\/span>, { name<\/span>: \"John\"<\/span> }, function<\/span>(event<\/span>) {\r\n  console<\/span>.log<\/span>(\"\u6309\u94ae\u88ab\u70b9\u51fb\u4e86\uff0c\u4f20\u9012\u7684\u6570\u636e\uff1a\"<\/span> + event.data<\/span>.name<\/span>);\r\n});\r\n<\/code><\/pre>\n
        \n
      1. Bind multiple event types and handling functions.<\/li>\n<\/ol>\n
        $(selector).bind<\/span>(eventsObj)\r\n<\/code><\/pre>\n
        eventsObj is an object that contains key-value pairs of multiple event types and their corresponding handling functions.<\/p>\n
        \u539f\u6587\uff1a\u6211\u5df2\u7ecf\u544a\u8bc9\u4f60\u4e00\u5343\u904d\uff0c\u4f46\u4f60\u8fd8\u662f\u4e0d\u542c\u3002
        \n\u91cd\u8ff0\uff1aI’ve told you a thousand times, but you still don’t listen.<\/p>\n
        $(\"button\"<\/span>).bind<\/span>({\r\n  click<\/span>: function<\/span>(<\/span>) {\r\n    console<\/span>.log<\/span>(\"\u6309\u94ae\u88ab\u70b9\u51fb\u4e86\"<\/span>);\r\n  },\r\n  mouseover<\/span>: function<\/span>(<\/span>) {\r\n    console<\/span>.log<\/span>(\"\u9f20\u6807\u60ac\u505c\u5728\u6309\u94ae\u4e0a\"<\/span>);\r\n  }\r\n});\r\n<\/code><\/pre>\n
        Please note that the bind() function has been deprecated in jQuery 3.0, and it is recommended to use the on() function instead.<\/p>\n","protected":false},"excerpt":{"rendered":"
        The jQuery.bind() function is used to attach one or more event handlers to selected elements. The method of use is as follows: Bind a single event handler. $(selector).bind(event, handler) In this case, the selector is the element to which the event will be bound, the event is the type of event to be bound (can […]<\/p>\n","protected":false},"author":7,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_import_markdown_pro_load_document_selector":0,"_import_markdown_pro_submit_text_textarea":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-19042","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"yoast_head":"\nHow is the jQuery.bind() method used? - Blog - Silicon Cloud<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How is the jQuery.bind() method used?\" \/>\n<meta property=\"og:description\" content=\"The jQuery.bind() function is used to attach one or more event handlers to selected elements. The method of use is as follows: Bind a single event handler. $(selector).bind(event, handler) In this case, the selector is the element to which the event will be bound, the event is the type of event to be bound (can […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/\" \/>\n<meta property=\"og:site_name\" content=\"Blog - Silicon Cloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-03-15T18:06:50+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-03-21T14:45:19+00:00\" \/>\n<meta name=\"author\" content=\"Sophia Anderson\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:site\" content=\"@SiliCloudGlobal\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Sophia Anderson\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/\"},\"author\":{\"name\":\"Sophia Anderson\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30\"},\"headline\":\"How is the jQuery.bind() method used?\",\"datePublished\":\"2024-03-15T18:06:50+00:00\",\"dateModified\":\"2024-03-21T14:45:19+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/\"},\"wordCount\":181,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/\",\"name\":\"How is the jQuery.bind() method used? - Blog - Silicon Cloud\",\"isPartOf\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\"},\"datePublished\":\"2024-03-15T18:06:50+00:00\",\"dateModified\":\"2024-03-21T14:45:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.silicloud.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How is the jQuery.bind() method used?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#website\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"name\":\"Silicon Cloud Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\"},\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#organization\",\"name\":\"Silicon Cloud Blog\",\"url\":\"https:\/\/www.silicloud.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"contentUrl\":\"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png\",\"width\":1024,\"height\":1024,\"caption\":\"Silicon Cloud Blog\"},\"image\":{\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/SiliCloudGlobal\/\",\"https:\/\/twitter.com\/SiliCloudGlobal\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30\",\"name\":\"Sophia Anderson\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g\",\"caption\":\"Sophia Anderson\"},\"url\":\"https:\/\/www.silicloud.com\/blog\/author\/sophiaanderson\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"How is the jQuery.bind() method used? - Blog - Silicon Cloud","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/","og_locale":"en_US","og_type":"article","og_title":"How is the jQuery.bind() method used?","og_description":"The jQuery.bind() function is used to attach one or more event handlers to selected elements. The method of use is as follows: Bind a single event handler. $(selector).bind(event, handler) In this case, the selector is the element to which the event will be bound, the event is the type of event to be bound (can […]","og_url":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/","og_site_name":"Blog - Silicon Cloud","article_publisher":"https:\/\/www.facebook.com\/SiliCloudGlobal\/","article_published_time":"2024-03-15T18:06:50+00:00","article_modified_time":"2024-03-21T14:45:19+00:00","author":"Sophia Anderson","twitter_card":"summary_large_image","twitter_creator":"@SiliCloudGlobal","twitter_site":"@SiliCloudGlobal","twitter_misc":{"Written by":"Sophia Anderson","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/#article","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/"},"author":{"name":"Sophia Anderson","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30"},"headline":"How is the jQuery.bind() method used?","datePublished":"2024-03-15T18:06:50+00:00","dateModified":"2024-03-21T14:45:19+00:00","mainEntityOfPage":{"@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/"},"wordCount":181,"commentCount":0,"publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/","url":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/","name":"How is the jQuery.bind() method used? - Blog - Silicon Cloud","isPartOf":{"@id":"https:\/\/www.silicloud.com\/blog\/#website"},"datePublished":"2024-03-15T18:06:50+00:00","dateModified":"2024-03-21T14:45:19+00:00","breadcrumb":{"@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.silicloud.com\/blog\/how-is-the-jquery-bind-method-used\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.silicloud.com\/blog\/"},{"@type":"ListItem","position":2,"name":"How is the jQuery.bind() method used?"}]},{"@type":"WebSite","@id":"https:\/\/www.silicloud.com\/blog\/#website","url":"https:\/\/www.silicloud.com\/blog\/","name":"Silicon Cloud Blog","description":"","publisher":{"@id":"https:\/\/www.silicloud.com\/blog\/#organization"},"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.silicloud.com\/blog\/#organization","name":"Silicon Cloud Blog","url":"https:\/\/www.silicloud.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","contentUrl":"https:\/\/www.silicloud.com\/blog\/wp-content\/uploads\/2023\/11\/EN-SILICON-Full.png","width":1024,"height":1024,"caption":"Silicon Cloud Blog"},"image":{"@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/SiliCloudGlobal\/","https:\/\/twitter.com\/SiliCloudGlobal"]},{"@type":"Person","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/19a24313de9c988db3d69226b4a40a30","name":"Sophia Anderson","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.silicloud.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c726c09aa40e37115fb5c62d0c3ed62c16ca255d3763e2e3ae83a70ddf8c2175?s=96&d=mm&r=g","caption":"Sophia Anderson"},"url":"https:\/\/www.silicloud.com\/blog\/author\/sophiaanderson\/"}]}},"_links":{"self":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/19042","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/comments?post=19042"}],"version-history":[{"count":1,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/19042\/revisions"}],"predecessor-version":[{"id":52761,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/posts\/19042\/revisions\/52761"}],"wp:attachment":[{"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/media?parent=19042"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/categories?post=19042"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.silicloud.com\/blog\/wp-json\/wp\/v2\/tags?post=19042"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}