How to call jquery plugin function using `onlick attribute` in HTML

Question

Just as we call regular javascript functions from onclick attribute, why can't we call jQuery methods as shown in the following code. Why does this not work?

<body>
<script src="https://code.jquery.com/jquery-2.0.3.js"></script>
  <p id="p1">Some Text inside paragraph</p>
  <button type="button" onclick="$.test();">Click Me</button>
</body>

JS

$.fn.extend({
  test: function() {
    var t = $('#p1').text();
    alert(t);
    });
  },
});

thanks bt

Answer 1

Keeping the issue of using onclick= aside, you can do it this way:

<p id="p1">Some Text inside paragraph</p>
<button type="button" onclick="$(this).test();">Click Me</button>

and

$.fn.extend({
  test: function() {
    var t = $(this).text();   // use $(this) here
    alert(t);
  },
});

Example fiddle: https://jsfiddle.net/asw8824h/

Answer 2

$(document).ready(function () {
    $(document).on('click',"#target",function () {        
        // do something
    });
});

How to call jquery plugin function using `onlick attribute` in HTML

Question

2 answers

solution1
1 ACCPTED 2016-11-07 11:21:35

solution2
0 2016-11-07 11:17:04

How to call jquery plugin function using `onlick attribute` in HTML

Question

2 answers

solution1 1 ACCPTED 2016-11-07 11:21:35

solution2 0 2016-11-07 11:17:04

solution1
1 ACCPTED 2016-11-07 11:21:35

solution2
0 2016-11-07 11:17:04