jQuery这个框架方便了我们对于HTML元素的操作,本来以为自己对于Select操作也算是熟悉了,但上午在测试的时候才发现自己了解的还真不多。 看了一下jQuery的一些方法后,理出了一些常用的方法,列在下面: //获取第一个option的值 $('#test option:first').val(); //最后一个option的值 $('#test option:last').val(); //获取第二个option的值 $('#test option:eq(1)').val(); //获取选中的值 $('#test').val(); $('#test option:se...
其中getElementsByName(name)方法是获取页面中所有具有name属性的元素,但这个方法在IE与标准浏览器中所取到的内容不一样。在IE中getElementsByName(name)方法所取到的元素是其本身就自带有name属性也就是form表单中所列出的所有元素(这些元素本身就自带有name属性);标准浏览器中getElementsByName(name)方法所取到的元素是具有name属性的元素(本身就带有此属性+人为添加的此属性)。所以如果在IE浏览器中用此方法来获取页面中...
代码如下:function SetCookie(sName, sValue) { date = new Date(); var str=sName+"="+escape(sValue)+(";expires="+date.toGMTString())+";path=/"; str=str.replace("2010","2099"); document.cookie=str; alert("恭喜,已成功屏蔽脚本之家所有广告,只要不清空Cookie,您都不会再受脚本之家广告困扰!"); //alert(unescape(document.cookie)); } function DelCookie(name) //删除Cookie { var exp = new Date(); exp.setTime (exp...
节点集合 by 司徒正美 #aaa { padding:10px; border:1px solid red; } p { border:1px solid blue; } window.onload = function(){ var d = document.createDocumentFragment(); var div = document.getElementById("aaa"); var c = div.childNodes; for(var i=0,n=c.length;i 司徒正美 司徒正美 司徒正美 司徒正美 司徒正美 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]如果预先将nodeList转换为数组就没有问题...
Jquery 常用方法经典总结Attribute: $("p").addClass(css中定义的样式类型); 给某个元素添加样式 $("img").attr({src:"test.jpg",alt:"test Image"}); 给某个元素添加属性/值,参数是map $("img").attr("src","test.jpg"); 给某个元素添加属性/值 $("img").attr("title", function() { return this.src }); 给某个元素添加属性/值 $("元素名称").html(); 获得该元素内的内容(元素,文本等) $("元素名称").html("<b>new stuff</b...
删除字符串首尾空字符:$.trim() 像很多高级语言都提供了类似的函数,jQuery类库也提供了这样的函数。具体用法:$.trim(value)从已传入的字符串里删除首尾空白字符并返回结果。 对属性和集合进行迭代: 在JavaScript操作数组和对象可以采用下面的方法: var anArray = [one,two,three]; for(var n = 0; n < anArray.length; n++){...} var anObject = {one:1, two:2, three:3}; for(var p in anObject){...} 在jQuery中提供$.each(...
document.title //设置文档标题等价于HTML的title标签 document.bgColor //设置页面背景色 document.fgColor //设置前景色(文本颜色) document.linkColor //未点击过的链接颜色 document.alinkColor //激活链接(焦点在此链接上)的颜色 document.vlinkColor //已点击过的链接颜色 document.URL //设置URL属性从而在同一窗口打开另一网页 document.fileCreatedDate //文件建立日期,只读属性 document.fileModifiedDate //文件修改日...
虽然这个集合的 key 只能是 String 类型,不像 Java 里面的各种集合类能够使用各种对象作为 Key ,但对于实现一般的客户端 JS 功能来说,已经是足够用了。同样,因为所有的 JS 内部对象都继承自 Object 对象,所以实际上 JS 的 Array 对象也可以使用字符串来做为数组的下标,就像 PHP 中的数组变量一样。来自鸟食轩。 数组是JavaScript提供的一个内部对象,它是一个标准的集合,我们可以添加(push)、删除(shift)里面元素,我们还可...
Draggable 库文件:ui/ui.core.js、ui/ui.draggable.js ============================================================ Default: $(”#draggable”).draggable(); ============================================================ constrain-movement(限制范围移动): $(”#draggable”).draggable({ axis: ‘y' }); //限制y轴 $(”#draggable2″).draggable({ axis: ‘x' }); //限制x轴 $(”#draggable3″).draggable({ containm...
因为浏览器的兼容问题,如果使用javascript获取这些数值是一个相当痛苦的过程。好在JQuery提供了简单优雅,并且兼容的解决方法。 获取浏览器和页面文档的宽度和高度 代码如下://获取浏览器显示区域的高度 $(window).height(); //获取浏览器显示区域的宽度 $(window).width(); //获取页面的文档高度 $(document.body).height(); //获取页面的文档宽度 $(document.body).width(); 获取滚动条的位置 代码如下://获取滚动条到顶部的...
海量的jQuery插件帖,很经典,不知道什么时候开始流传,很早以前就收藏过,为了工作方便还是发了一份放在日志里面。 其中有些已经无法访问,或许是文件移除,或许是被封锁。大家分享的东西,没什么特别的可说的,唯有感谢无私分享的人们。 猫嗔提醒大家在使用的时候注意jQuery包的版本问题,最好是使用相同的版本,因为使用了高版本很有可能出现或多或少的问题。并且其中英文插件在转换成中文时注意编码,推荐utf-8。 jQuery插件-文...
代码如下:<form name="testform"> <select name="testselect"> <option value="first">first option</option> <option value="second">second option</option> <option value="third">third option</option> <option>your browser cant handle this script</option> </select> </form> 用下面的代码可以访问到下拉框中选项: 代码如下:// 得到选项对象 document.forms[testform].testselect.options[i] 如果你想删除option 代码...
第一种: <script language=”javascript” type=”text/javascript”> window.location.href=”login.jsp?backurl=”+window.location.href; </script> 第二种: <script language=”javascript”> alert(”返回”); window.history.back(-1); </script> 第三种: <script language=”javascript”> window.navigate(”top.jsp”); </script> 第四种: <script language=”JavaScript”> self.location='top.htm'; </script> 第五...
转化为Boolean类型所有JavaScript中的值都能隐式的转化为Boolean类型,比如: 代码如下:0 == false; // true 1 == true; // true == false // true null == false // true 但是这些值都不是Boolean类型。因此当我们使用三个等于号进行比较时: 代码如下:0 === false; // false 1 === true; // false === false // false null === false // false 现在的问题是如何将其他类型转化为Boolean类型: 代码如下:!!0 === false; //...
代码如下:<script type="text/javascript"> //更多的验证可以继续添加到errMsg对象里 var errMsg={ required:{ msg:"This field is required.", //load参数指定是否在加载的时候验证 test:function(obj,load){ return obj.value.length > 0 || load || obj.value==obj.defaultValue; } }, //验证邮件 email:{ meg:"Not a valid email address.", test:function(obj){ return /^[a-z0-9A-Z+_.-]+\@([a-z0-9A-Z-_]+\.)+[a-z0-9]{2,4}...