您有个知识币

【退出】

    jquery判断元素是否存在

    直接举例说明: $("#testid")这个jquery对象,有些时候我们并不能确定页面中一定含有id为testid的元素,那么jquery如何判断该元素是否存在呢? 可以通过length属性判断,如果length大于零说明存在,否则不存在: if($("#testid").length > 0){ alert('exist'); }else{ alert('not exist'); }阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:909 |

    jQuery 2.0 将不再支持 IE 6/7/8

    jQuery 官方发布了下一阶段 jQuery 的路线图,该路线图显示 jQuery 1.8 将在一个月内发布,而其他后续版本的计划如下: jQuery 1.9 (early 2013): 该版本将移除所有在 1.8 版本中废弃的接口,其他一些可能做为插件或者可选 API 使用,将继续支持 IE 6/7/8 jQuery 1.9.x (ongoing in 2013 and beyond): 该版本将持续修复 1.9 中出现的 bug jQuery 2.0 (early 2013, not long after 1...阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:423 |

    jquery实现交替样式效果

    jquery轻松实现交替效果,如table中第一行白色第二行黑色,如此这样交替下去。 jquery中提供了一个even属性选择器,even的意思是偶数,即偶数选择器。 使用方法如下: $("tr:even").css("background-color", "#000");//设置偶数的tr背景为黑色。 jquery真是很强大为我们提供了大量便捷的方法。阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:897 |

    a标签href属性为javascript:void(0)弹出新窗口

    今天测试人员给我报了一个bug说a标签href属性为javascript:void(0);弹出新窗口,我非常的纳闷,觉得是什么破浏览器,居然这个都不支持。那不是很头大,仔细的看了下a标签的属性,终于发现了问题: herf有target="_blank"属性,去掉就好了。希望能给遇到相同问题的朋友一些帮助。阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:5369 |

    jQuery div mouseout事件,jquery mouseleave方法

    在div上包含有元素比如a、img、div等标签时,当移动到这些元素上时就触发了div的mouseout事件,但鼠标还在div元素范围内。 大部分浏览器都是按照上面方式来触发mouseout事件的,解决这个问题的方法很简单(jquery提供了方法): 我们的解决方法是使用jquery mouseleave方法来替代mouseout $("#id").bind("mouseleave", funtion(){ }); 即可解决。    阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:745 |

    JQuery获得绝对,相对位置

    获取页面某一元素的绝对X,Y坐标,可以用offset()方法: var top = $('#ID').offset().top; var left = $('#ID').offset().left; 获取相对(父元素)位置: var top = $('#ID').position().top; var left = $('#ID').position().left; position()方法相对父元素是指拥有position为relative或absolute属性的父元素。  阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:620 |

    javascript网页表单提交验证

    完全独立的javascript网页表单提交验证。 调用简单,样式通用,你不用再写样式。一款非常好用的网页表单验证控件。 先看看效果吧,如下图: 调用方法: var a = validator({ "form": "validator-form", ajaxSubmit:true, beforSubmit:function(){ //alert("表单提交前执行的函数"); }, afterSubmit:function(){ alert("ajax提交后返回的数据是:"...阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:2462 |

    百叶窗效果2 百叶窗的实际运用

    上次有一个百叶窗的效果,这次是一个更完善的版本,在实际使用中应用较多的地方。 相当的强大,做web一定要搜藏这个好东西哦。 百叶窗的示例子地址:http://www.webzhishi.com/demo/bannerShow/banner.html 百叶窗的下载地址:http://www.webzhishi.com/demo/bannerShow/bannerShow.rar  阅读全文
    作者:黑♂白 | 分类: web前端 | 阅读:622 |