如何在jquery中使用javascript实例/通过jquery选择javascript句柄

How to use a javascript instance in jquery/Select a javascript handle via jquery?

本文关键字：javascript jquery 实例 通过 句柄 选择      更新时间：2023-09-26

作为一个jquery初学者，我应该将一个javascript对象绑定到我的jquery函数中，比如：

<div title="StackOverflow" onclick="javascript:action(this)">Content</div>

在行动中，我将处理"这个"：

function action(instance){
example=instance.attr("title");
}

但是"instance"不是jquery对象，所以我不能使用它

example=$(instance).attr("title");

对我也没有帮助。

我很乐意收到任何建议

如果您使用的是jQuery，那么您应该完全分离HTML和相关JavaScript的定义。例如

HTML:

<div id="soDiv" title="StackOverflow">Content</div>

JavaScript:

$(document).ready(function() {
  $('#soDiv').click(function() {
    var example = $(this).attr('title');
    ...
  });
});

这应该有效。。。

<html>
    <head>
        <title>Test</title>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
        <script>
            function action(instance){
                example=$(instance).attr("title");
                alert(example);
            }
        </script>
    </head>
    <body>
        <a id="test" title="StackOverflow" onclick="javascript:action(this)" href="#">Content</a>
    </body>
</html>

// HTML file
<div title="StackOverflow" id="stackoverflow">Content</div>
// JS File
document.getElementById("stackoverflow").addEventListener("click", function () {
  var example = this.getAttribute("title");
});

关注点的分离

HTML:

<div title="StackOverflow" id="stack">Content</div>

Javascript(带jQuery(:

$('#stack').click(function(){
    alert(this.title);
});
相关文章：