如何在HTML中使用“onlick属性”调用jquery插件函数
How to call jquery plugin function using `onlick attribute` in HTML
就像我们从onclick
属性调用常规javascript函数一样,为什么我们不能调用jQuery方法,如下面的代码所示。为什么这不起作用?
<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);
});
},
});
谢谢bt
不考虑使用onclick=
的问题,您可以这样做:
<p id="p1">Some Text inside paragraph</p>
<button type="button" onclick="$(this).test();">Click Me</button>
和
$.fn.extend({
test: function() {
var t = $(this).text(); // use $(this) here
alert(t);
},
});
示例:https://jsfiddle.net/asw8824h/
$(document).ready(function () {
$(document).on('click',"#target",function () {
// do something
});
});
相关文章:
- 如何将属性值调用到 javascript
- 得到"TypeError:无法读取属性'filename'未定义的“;调用“npm start
- Es6:能够在设置/更新/删除对象属性时调用自定义方法
- 无法从JavaScript中的函数调用对象属性
- 如何在只接受字符串值/文字的HTML属性中调用函数
- 在javascript函数调用中传递的HTML属性不完整
- 无法获取属性'的值;拆分'在IE8中调用ajax之后
- 如何将 JavaScript Yahoo Weather API 调用属性替换为变量
- 根据单选按钮id属性调用ajax jquery
- 如何对对象的所有属性调用函数
- 为多个属性调用一次函数
- JQuery基于CSS属性调用点击
- 如何使用javascript获取属性调用函数
- 从onchange属性调用javascript类函数
- 如何使用正则表达式对输入元素的name属性调用onclick函数
- Mootools“无法读取未定义的属性'调用'”
- 如何在HTML中使用“onlick属性”调用jquery插件函数
- 作为对象属性调用函数时如何引用构造函数方法
- 在按钮上使用onclick属性调用的Javascript函数
- JavaScript方法和属性调用的差异混淆