Util.jQuery.js

• 阻止键盘事件
• 改变窗口大小内容始终水平居中
• jQuery ColorBox 对话框
• 禁用表单提交按钮
• 判断当前域名是否在给定数组中并返回
• 返回表单中 name 属性为目标值的元素对象
• 跟随滚动条
• max-height
• min-height
• 窗口宽度大于目标值时内容宽度自适应否则固定
• 支持 Ajax 的分页组件
• 加载 select, radio, checkbox 的默认值
• same-origin；IFRAME 自适应高度
• 过滤 HTML 标签

Syntax

• <input type="text" name="" value="" class="text" id="blockKey" /> /* Backspace, Space */ $jquery.blockKey([8, 32], "#blockKey");
• <div style="border: 2px solid red; height: 150px; margin: 0 auto; width: 960px;"></div> $jquery.center(960);
• <form action="" method="post" id="disableSubmit-disable"> <input type="submit" value="Submit" /> <input type="image" src="../../images/100x100.png" /> </form> <form action="" method="post" id="disableSubmit-enable"> <input type="submit" value="Submit" disabled="disabled" /> <input type="image" src="../../images/100x100.png" disabled="disabled" /> </form> $jquery.disableSubmit("#disableSubmit-disable", true); $jquery.disableSubmit("#disableSubmit-enable", false);
• $4what.log( $jquery.domain([ "pconline", "pcauto", "pcgames", "pclady", "pcbaby", "pchouse" ]) );
• <form action="" method="post" id="field"> <input type="text" name="name" value="value" class="text" /> </form> $4what.log($jquery.field("#field", "name").val());
• <span id="fixed" style="border: 2px solid red; bottom: 0; height: 100px; position: absolute; right: 0; width: 100px;"></span> $jquery.fixed("#fixed", { duration: "slow" //offset: 50, //position: "top" });
• <div id="maxHeight" style="border: 2px solid red; overflow: hidden;"> <p style="background: #000; height: 200px;"></p> </div> $jquery.maxHeight("#maxHeight", 100);
• <div id="minHeight" style="border: 2px solid red;"> <p style="background: #000; height: 200px;"></p> </div> $jquery.minHeight("#minHeight", 100);
• <div style="border: 2px solid red; height: 150px;" id="minWidth"></div> $jquery.minWidth("#minWidth", 960);
• <div id="paginator"></div> <div id="paginator-ajax"></div> $jquery.paginator("#paginator", { debug: true, //param: "pageNum", data: { name: "value" }, //ellipsis: false, pages: 5, pageNum: 10, pageSize: 10, total: 100, previous: "<", next: ">", first: "<<", last: ">>" }); $jquery.paginator("#paginator-ajax", { ajax: true, callback: function (index) {}, total: 100 });
• <select name="gender" class="select"> <option value="male" selected="selected">male</option> Male <option value="female">female</option> Female </select> <input type="radio" name="agree" value="yes" checked="checked" /> Yes <input type="radio" name="agree" value="no" /> No <input type="checkbox" name="city" value="bj" checked="checked" /> 北京 <input type="checkbox" name="city" value="sh" /> 上海 <input type="checkbox" name="city" value="gz" /> 广州 $jquery.select({ "gender": "female", "agree": "no", "city": ["sh", "gz"] }, $("#select"));
• <iframe src="index.html" frameborder="0" scrolling="no" id="setIFrameHeight" style="border: 2px solid red;"></iframe> $jquery.setIFrameHeight("#setIFrameHeight");
• $4what.log($jquery.stripHtml($("#api-syntax").html()));

Example

• male Male female Female Yes No 北京 上海 广州