JS 原型应用

最新推荐文章于 2023-02-27 16:37:10 发布

evil19790213

最新推荐文章于 2023-02-27 16:37:10 发布

阅读量209

点赞数

CC 4.0 BY-SA版权

分类专栏： JS 原型应用 JS 类文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/evil19790213/article/details/84833947

JS 类同时被 2 个专栏收录

6 篇文章

订阅专栏

JS 原型应用

1 篇文章

订阅专栏

本文介绍了一种利用jQuery简化HTML页面中DOM元素操作的方法。通过自定义jQuery对象，实现了对DOM元素的选择、修改及事件绑定等功能。具体示例展示了如何通过按钮点击事件获取文本框内的值，并弹窗显示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<body>

<input type="text" name="txtName" value="123" id="txtName">

<input type="button" name="btn" id="btn" value="confirm"></input>

<script>

(function(window){

var jQuery = function(id) {
return jQuery.fn.init(id);
}
jQuery.fn = jQuery.prototype;

jQuery.fn = {
init:function(id){
this.id = id;
this.element = document.getElementById(this.id);
return this;
},
html: function(html) {
this.element.innerHTML = html;
return this;
}

};
jQuery.fn.init.prototype = jQuery.fn;

jQuery.fn.val = function(){
return this.element.value;
}

window.$ = window.jQuery = jQuery;

})(window);

(function($){

$.fn.click = function(callback){
this.element.onclick = callback;
return this;
}
$.trim = function(str){
return str.replace(/(^\s*)|(\s*$)/g, "");
}
})(jQuery)

$("btn").click(function(){
alert($("txtName").val())
})
alert("11" + $.trim(" fdsafdsa "));
</script>

</body>

</html>