首页 > 代码库 > 手动编写JQUERY插件
手动编写JQUERY插件
就拿一个简单的示例来说,鼠标点击输入框,提示文字消息,鼠标移开,再显示提示文字。
<script type="text/javascript"> //编写插件 (function ($) { $.fn.placeholder = function (option) { var input = this; input.focus(function () { if (input.val() == "" || input.val() == option.DefaultValue) { input.val(""); if (option.WritingColor == undefined) option.WritingColor = "#000000"; input.css("color", option.WritingColor); } }); input.blur(function () { if (input.val() == "") { input.val(option.DefaultValue); if (option.DefaultColor == undefined) option.DefaultColor = "#000000"; input.css("color", option.DefaultColor); } }); if (input.val() == "") input.blur(); } })(jQuery); //调用 $("#username").placeholder({ DefaultValue: "请输入用户名",DefaultColor:"#888",WritingColor:"#000000" }); </script>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。