
前端
ufojoan
这家伙不是一般的懒,简介都没有
展开
-
js得到下一个元素节点
function getNextElement(node){ if(node.nextSibling.nodeType == 1){ //判断下一个节点类型为1则是“元素”节点 return node.nextSibling; } if(node.nextSibling.nodeType ==转载 2013-08-21 10:51:23 · 2261 阅读 · 0 评论 -
jquery遍历select中option的text值
jquery遍历select中option的text值$("#selectid option").each(function (){ if($(this).text()==name){ alert("名称已存在,请重新输入"); }});转载 2013-11-05 17:31:10 · 943 阅读 · 0 评论 -
HTML 中各浏览器对A标签中javascript的支持研究
最近做一个项目要求javascript对多浏览器支持,但是页面中有较多的使用A标签,于是就出现了下面的问题 如写出下面的代码测试对于上面的代码,各个浏览器的支持分别为: IE6/IE7: 会执行onclick中的javascript方法,但同时也会执行href中的javascript方法,于是,如果你在onclick方法中提交了表单,那么就会出现表转载 2013-11-05 17:37:45 · 372 阅读 · 0 评论 -
ie6下iframe出现水平滚动条的解决办法
问题描述 页面A中通过IFRAME引入另一个页面B,并设置scrolling="auto"。当B页面的内容超过IFRAME的高度时,会自动出现滚动条;然而在IE6下,除了出现纵向滚动条外还会出现横向滚动条(即时设置了B页面的宽度为100%)。 注:问题只出现在IE6下,IE7,FIREFOX,CHROME下无此问题 问题原因 原因是I转载 2013-11-05 17:41:56 · 538 阅读 · 0 评论 -
DIVcss背景图片固定居中,div阴影,背景半透明,div圆角,DIV渐变
CSS testbody{margin: 0; background-image: url('images/bg1.jpg');background-attachment: fixed;background-position: center;background-repeat: no-repeat;}#header{}#inner-header{margin: 0 a转载 2013-11-05 17:16:01 · 1115 阅读 · 0 评论 -
position:absolute与overflow:hidden
因为父容器设定了 position:relative|absolute|fixed。那将会使overflow“生效”。运行下面的代码,因为父容器没有设置position:relative|absolute|fixed ,所以overflow是不能生效的。脱离文档流 我没有设置position 我是绝对定位!父容器是红色的框框。一旦转载 2013-11-05 17:17:34 · 1258 阅读 · 0 评论 -
jQuery中append、insertBefore、after与insertAfter方法注意事项
jQuery中append、appendTo、prepend、prependTo、before、insertBefore、after与insertAfter方法注意事项这里列的是针对初学jQuery者来说容易搞不懂的部分,我在这里把这些方法列了个清单,希望大家能看的懂。如下:方法源包装集/字串目标包转载 2013-11-05 17:19:53 · 1218 阅读 · 0 评论 -
jquery 将disabled的元素置为enabled的三种方法
在jquery中可以通过jqueryObj.attr("disabled","disabled")将页面中某个元素置为不可编辑或触发状态,但是在jquery的API reference中并没说明怎么将页面置为disable的元素重新置为可触发或可编辑的。这里发现可以采用三种的变通方法将置为disabled的元素状态改为enabled。 第一种:改变dis转载 2013-11-05 17:27:09 · 601 阅读 · 1 评论 -
jQuery select操作控制方法小结
很多朋友对jquery select的操作很有兴趣,但网上的东西太多,所以脚本之家特别将Jquery Select操作方法整理下,方便大家查找。需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可。jQuery获取Select选择的Text和Value: 语法解释: 1. $("转载 2013-11-05 17:28:27 · 388 阅读 · 0 评论 -
使html文本框不可用
使一个html 文本框不可用 2008年05月24日 星期六 13:34方法一: 不可用 方法二: 只读 方法三: 隐藏(但占位置) 方法四: 隐藏(不占位置)有时候,我们希望表单中的文本框是只读的,让用户不能修改其中的信息,如使 的内容,"中国"两个字不可以修改。实现的方式归纳一下,有如下几种。方法1: onfocus=th转载 2013-11-05 17:28:57 · 546 阅读 · 0 评论 -
jQuery选择器总结
jQuery 的选择器可谓之强大无比,这里简单地总结一下常用的元素查找方法 $("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $("div") 选择所有的div标签元素,返回div元素数组 $(".myClass") 选择使用myClass类的css转载 2013-11-05 17:29:32 · 337 阅读 · 0 评论 -
jquery 简单过滤选择器 遍历集合
显示隐藏的div//显示可见的div$("div:hidden").css();$("div:visible").css();======================================属性过滤器11213111//$("div[title!='a2']").css("background","red");//$("div转载 2013-11-05 17:30:19 · 884 阅读 · 0 评论 -
JQuery判断radio是否选中,获取选中值
JQuery radio /*------判断radio是否有选中,获取选中的值--------*/ $(function(){ $("#btnSubmit").click(function(){ var val=$('input:radio[name="sex"]:checked').val(); if(val==null){ alert("什么也没选中!")转载 2013-11-05 17:27:59 · 453 阅读 · 0 评论 -
HTML 中各浏览器对A标签中javascript的支持研究
最近做一个项目要求javascript对多浏览器支持,但是页面中有较多的使用A标签,于是就出现了下面的问题 如写出下面的代码测试对于上面的代码,各个浏览器的支持分别为: IE6/IE7: 会执行onclick中的javascript方法,但同时也会执行href中的javascript方法,于是,如果你在onclick方法中提交了表单,那么就会出现表转载 2013-08-21 10:52:25 · 415 阅读 · 0 评论 -
JS窗口改变触发事件
var resizeTimer = null; function doResize(){ var url = '${ctx}/aa/monitor/alar/recharge.jsp'; window.location.href = url; //alert("width="+document.documentElement.clientWidth转载 2013-08-21 10:53:21 · 1443 阅读 · 0 评论 -
jquery after,before操作
123$(function(){ $('#tb tr:eq(1)').after('4');//或者 //$('#tb tr:eq(2)').before('4');});原创 2013-08-21 10:36:37 · 782 阅读 · 0 评论 -
jQuery select操作控制方法小结
很多朋友对jquery select的操作很有兴趣,但网上的东西太多,所以脚本之家特别将Jquery Select操作方法整理下,方便大家查找。需要注意的是,这里的代码好多是针对jquery 1.32以前的版本(以后的版本已经不支持@),所以替换为空测试下即可。jQuery获取Select选择的Text和Value: 语法解释: 1. $("#select_id").cha转载 2013-08-21 10:41:27 · 754 阅读 · 0 评论 -
js 修改 a标签 href
document.getElementById('fruits').href = 'http://www.qq.com'; document.getElementById('fruits').setAttribute('href','http://www.qq.com');原创 2013-08-23 16:06:23 · 9213 阅读 · 0 评论 -
IE6去除iframe滚动条
在页面上引用frame或者iframe,在IE6浏览器下,可能出现横向滚动条,如果使用scroling="no",会消除纵向的滚动条。好,那也有可能在body标签或css里面定义overflow-x: hidden; overflow-y: auto;这两个参数,但是仍旧那讨厌的横向滚动条还在。 这是为什么呢?原来,在用IE6浏览有框架的XHTML页面的时候,默认会水平和垂直滚动条会转载 2013-08-23 16:07:07 · 579 阅读 · 0 评论 -
IE7下当position:fixed遇到text-align:center的解决方法
IE7下当position:relative遇到text-align:center body{padding:0;margin:0} #wrap{text-align:center} #toolbar{width:100%;height:25px;background:#000;position:fixed;bottom转载 2013-08-23 16:10:26 · 1813 阅读 · 0 评论 -
完美解决IE6不支持position:fixed
废话不多说,先看一下下面这段代码:IE6 position:fixed bug*{padding:0;margin:0}p{height:2000px}#gs{border:1px solid #000;position:fixed;right:30px;top:120px}html{overflow:hidden}body{height:100%;overflow:转载 2013-08-23 16:09:02 · 473 阅读 · 0 评论 -
CSS Hack: 区分 IE6 / IE7 /IE8 /Firefox
今天被在修改CSS的时候,突然碰到要单独Hack IE8的。当然,用注释非常方便,只要添加相应的注释就可以解决。但问题是,为了一句CSS写多一个文件,或者在header上添加注释,那显然不是懒人的习惯做法。结论如下:selector{ property:value; /* 所有浏览器 */ property:value9; /* 所有IE浏览器 */ +prop转载 2013-08-23 16:13:14 · 379 阅读 · 0 评论 -
js禁止事件冒泡
禁止冒泡//onmouseover、onmouseout解决停止冒泡问题function isMouseLeaveOrEnter(e, handler) { if (e.type != 'mouseout' && e.type != 'mouseover') return false; var reltg = e.relatedTarget ? e.relatedTarget : e转载 2013-07-04 10:20:50 · 512 阅读 · 0 评论 -
JS窗口改变触发事件
var resizeTimer = null; function doResize(){ var url = '${ctx}/aa/monitor/alar/recharge.jsp'; window.location.href = url; //alert("width="+document.documentElement.clientWidth + "转载 2013-11-05 17:38:55 · 1925 阅读 · 0 评论 -
IE6去除iframe滚动条
在页面上引用frame或者iframe,在IE6浏览器下,可能出现横向滚动条,如果使用scroling="no",会消除纵向的滚动条。好,那也有可能在body标签或css里面定义overflow-x: hidden; overflow-y: auto;这两个参数,但是仍旧那讨厌的横向滚动条还在。 这是为什么呢?原来,在用IE6浏览有框架的XHTML页面的时候,默认会水平和垂直滚动条会转载 2013-11-05 17:41:37 · 446 阅读 · 0 评论 -
前端常用总结
div+css ie6图片之间有间隙的问题.img{vertical-align:top;}或者.img {display:block;}ie6 png透明background: url(images/bt_h.png) no-repeat left 0px!important;_filter: progid:DXImageTransform.Microsoft.A原创 2013-05-07 18:21:05 · 612 阅读 · 0 评论 -
JS时间操作
获得前一天0点,前一周0点,指定月份的时间戳// 今天var today = new Date();today.setHours(0);today.setMinutes(0);today.setSeconds(0);today.setMilliseconds(0);alert(today);var oneday =转载 2014-04-11 14:33:24 · 429 阅读 · 0 评论 -
js操作cookie
//获得coolie 的值 function cookie(name){ var cookieArray=document.cookie.split("; "); //得到分割的cookie名值对 var cookie=new Object(); for (var i=0;i<cookieArray.length;i++){转载 2014-04-11 14:34:51 · 332 阅读 · 0 评论 -
jquery深度选择器,还是遍历li里面的值
不多说,直接上代码Html代码 div class="body pB5 redB border_01"> ul id="ul_cartList" class="cartlistul"> li> span class="pro_name"> 10086.我爱你 span>转载 2014-05-30 11:01:15 · 1441 阅读 · 0 评论 -
jquery判断是否找到元素
var obj = $("#id").find("li");if(obj.lenght >0){}else{}转载 2014-05-30 11:04:52 · 1201 阅读 · 0 评论 -
css背景图片的位置:background的position
position的两个参数:水平方向的位置,垂直方向的位置----------该位置是指背景图片相对于前景对象的1.background:url(../image/header.jpg) no-repeat left top; /*相当于0% 0%*/表示背景图片在指定div的位置,从左上角开始2.background:url(../image/header.jpg) no转载 2014-05-30 10:58:12 · 3394 阅读 · 0 评论 -
jQuery常用的元素查找方法总结
$("#myELement") 选择id值等于myElement的元素,id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素,返回div元素数组$(".myClass") 选择使用myClass类的css的所有元素$("*") 选择文档中的所有的元素,可以运转载 2014-05-30 11:03:28 · 525 阅读 · 0 评论 -
jquery获取<li>标签下<a>标签的值,并平添class属性
jquery获取标签下标签的值,并添加class属性本帖最后由 Myprettygirl 于 2013-06-09 09:45:50 编辑 11223344 我想用jquery获取当前点击的标签的值,并且同时添加一个属性class。并且把别的标签的属性移除我的代码是这样的,已经获取到了标签值,但是怎么添加属性都不对var lis =转载 2014-05-30 10:59:03 · 10902 阅读 · 0 评论 -
jQuery基础---filter()和find()
这是jQuery里常用的2个方法。他们2者功能是完全不同的,而初学者往往会被误导。首先 我们看.find()方法:现在有一个页面,里面HTML代码为;程序代码div class="css"> p class="rain">测试1p>div>div class="rain"> p>测试2p>div>如果我们使用fin转载 2014-05-30 11:04:00 · 584 阅读 · 0 评论 -
纯CSS实现小圆点和三角形图案
纯CSS制作三角形和小圆点.arrowbox{width:40px;height:30px;background: #000;padding:10px;position: relative;text-align:center;margin:20px;color:#fff;line-height:30px;font-size:12px;}.arrowbox span{display: inli转载 2014-05-30 11:05:34 · 9819 阅读 · 1 评论 -
jQuery之搜索子元素
1:children()方法 用于获取一个包含匹配的元素集合中每一个元素的所有子元素的元素集合,语法格式如下: children([selector]) $("#menu_ul").children().css("color", "blue");2:find()方法 用于从每个匹配元素中查找符合指定选择器表达转载 2014-05-30 11:02:30 · 650 阅读 · 0 评论 -
IE屏蔽鼠标右键、禁止复制粘贴等功能
body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" onbeforecopy="return false" onmouseup=document.selection.empty() oncopy=document.selection.empty() onselect=do转载 2014-04-11 12:05:28 · 2181 阅读 · 0 评论 -
JQuery:在input中只能输入数字,并且不能复制粘贴,不能切换输入法
$(function(){ $("#").keydown(function(e){ // 注意此处不要用keypress方法,否则不能禁用 Ctrl+V 与 Ctrl+V,具体原因请自行查找keyPress与keyDown区分,十分重要,请细查转载 2014-04-11 12:02:40 · 1464 阅读 · 0 评论 -
IE7下当position:fixed遇到text-align:center的解决方法
IE7下当position:relative遇到text-align:center body{padding:0;margin:0} #wrap{text-align:center} #toolbar{width:100%;height:25px;background:#000;position:fixed;bottom转载 2013-11-05 17:42:49 · 681 阅读 · 0 评论 -
js得到下一个元素节点
function getNextElement(node){ if(node.nextSibling.nodeType == 1){ //判断下一个节点类型为1则是“元素”节点 return node.nextSibling; } if(node.nextSibling.nodeType ==转载 2013-11-05 17:37:02 · 898 阅读 · 0 评论