代码如下: function getObject(objectId) { if (document.getElementById && document.getElementById(objectId)) { return document.getElementById(objectId); } else if (document.all && document.all(objectId)) { return document.all(objectId); } else if (document.layers && document.layers[objectId]) { return document.layers[objectId]; } else { return false; }} f...
目前1.7以上，jquery的事件绑定已经用on替换了原来的bind，接下来为大家介绍下bind的使用方法及input textare事件，感兴趣的朋友可以参考下 (1)jquery 绑定事件 目前1.7以上，jquery的事件绑定已经用on替换了原来的bind； 区别：(个人理解)bind是一次绑定事件到每一个子节点；on是只绑定到父节点，然后冒泡到各个子节点； 用法：bind 一个事件，一个方法：$(".class input").bind('click',function(e){...;e.stopPropagation;}) 两...
这玩意很多人写过，但是今天临时要用的时候找不到符合需求的，所以立马来写一个，既然都写完了而且还满符合需求的就放上来让大家鞭一鞭。 需求很简单，一个文字方块必须限制只能输入数字（或是小数点）并且要支援 IE 和 Firefox。 HTML的 Input 是这样下滴 代码如下:<input type="text" style="ime-mode:disabled" onkeyup="return ValidateNumber($(this),value)" /> ?其中那个 Style 是在 IE 浏览器下有效用的，可以让使用者无...
代码如下:var doc = window.document, input = doc.createElement(input); if( typeof input[placeholder] == undefined ) // 如果不支持placeholder属性 { $(input).each(function( ele ) { var me = $(this); var ph = me.attr(placeholder); if( ph && !me.val() ) { me.val(ph).css(color, #aaa).css(line-height, me.css(height)); } me.on(focus, function() { if( me.val() === ph) { me.val(null).css(color, ); } }).on(b...
(1)jquery 绑定事件 目前1.7以上，jquery的事件绑定已经用on替换了原来的bind； 区别：(个人理解)bind是一次绑定事件到每一个子节点；on是只绑定到父节点，然后冒泡到各个子节点； 用法：bind 一个事件，一个方法：$(".class input").bind('click',function(e){...;e.stopPropagation;}) 两个事件，一个方法：$(".class input").bind('click mouseover',function(e){...;e.stopPropagation;}) 两个事件，两个方法：$(".class input...
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框，默认显示着“用户名/Email”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“用户名/Email”的提示。是不是很常见？很多搜索、登录、表单都会用到这个效果，但是我看了N多个网站，有90%以上是这么实现的： ...
今天看群里有人发起了人人网以前一些面试题，我以前也转载过一些，恰好闲着，挑选一题来做做，练个手。 本题有以下要求： 1. 使用原生代码实现，不可使用任何框架； 2. 对 input框中输入的字符进行匹配，将匹配到的内容以菜单的形式展现在 input框的下方； 3. 只针对英文字符进行匹配，并且匹配到的内容在菜单中加粗； 4. 通过键盘上的上下箭头可以对菜单进行选择，按下回车后将选中的内容写入到 input框中； 思 路 捕捉输入变化，...
如题，将使用jquery来在页面加载时获取页面input控件中所有text控件并添加样式。 以前写过的页面上所使用的text控件width属性太小需要改动，改动牵扯页面上所有text的属性，改动每个控件的width感觉会很麻烦，所以就想通过在页面加载的时候将要改动的text找到并添加属性。首先先写了一个css样式： 代码如下:.wid { width:205px; } 在页面加载中所写的代码如下： $("input[type=text]").addClass("wid"); //获取input控件中所有ty...
js修改input的type属性有些限制。当input元素还未插入文档流之前，是可以修改它的值的，在ie和ff下都没问题。但如果input已经存在于页面，其type属性在ie下就成了只读属性了，不可以修改。在ff下仍是可读写属性。今天遇到个问题，输入框有默认值“密码”，但获得焦点时，“密码”两字会去掉，输入时直接变成”****“的password类型。很明显，一开始的时候，input的类型是text，后来变成了password类型。直观的思路是用js修改input的...
jquery应该如何来设置按钮input的onclick事件?比如开始时有个按钮： <input id=”prebt” type=”button” value=”上一页” onclick=”ToPage(2)”/>这行代码是在程序后台生成的，和Discuz!NT论坛源码中的做法一样，页面上所有的东西连同脚本都是由后台代码生成..然后用jquery.ajax加载到页面上来..其他的除了ie8不能显示之外..其它浏览器都正常.现在的问题是：要动态改变这个上一页按钮中onclick的函数.我自己是尝试了很多种方法...
Readonly和Disabled是用在表单中的两个属性，它们都能够做到使用户不能够更改表单域中的内容。但是它们之间有着微小的差别，总结如下： Readonly只针对input(text / password)和textarea有效，而disabled对于所有的表单元素都有效，包括select, radio, checkbox, button等。但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而 readonly会将该值传递出去(这种情况出现在我们将...
首先用css的伪类：focus可以改变。 文本框的 html代码假设如下： 代码如下:<dl> <dt>Name: <dt> <dd><input type="text" /></dd> <dt>Password: <dt> <dd><input type="password" /></dd> <dt>Textarea: <dt> <dd><textarea></textarea></dd> </dl> css 代码这样写： input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #f00; background: #ccc; } 分别列出了文本框、密码框、还有段落...
jquery bankInput插件是银行卡进行格式化显示，能控制文本框输入最小最大个数、控制只能输入数字、控制不能粘贴不能使用输入法。同时插件能实现自动加载格式化显示和支持非输入框的格式话显示。代码如下:<script type="text/javascript" src="__JS__/jquery.bankInput.js"></script> <script>$(".account").bankInput()$(".account").bankList() </script> 1.默认使用方法： $("#account").bankInput(); 2.设置参数 $("#account")...
<input type="radio">如下： 代码如下:<input type="radio" name="city" value="BeiJing">北京 <input type="radio" name="city" value="TianJin">天津 <input type="radio" name="city" value="NanJing">南京 <input type="radio" name="city" value="YangZhou">扬州 <input type="radio" name="city" value="SuZhou">苏州 1、获取选中的radio的值： 代码如下:$("input[name=city]:checked").val(); 使用元素选择器，再使...
帮助文档:传送门 html 代码如下:<!DOCTYPE html> <html> <head> <title>jQuery Tools dateinput demo</title> <!-- include the Tools --> <script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js"></script> <script src="./jquery.tools.date-zh-CN.js"></script> <link rel="stylesheet" type="text/css" href="http://jquerytools.org/media/css/dateinput/large.css"/> <!-- some overrides --> <style> ....