Jul062012
jquery index的详细用法,jquery如何取索引
$('li').index(document.getElementById('bar'));
//1,传递一个DOM对象,返回这个对象在原先集合中的索引位置
$('li').index($('#bar'));
//1,传递一个jQuery对象
$('li').index($('li:gt(0)'));
//1,传递一组jQuery对象,返回这个对象中第一个元素在原先集合中的索引位置
$('#bar').index('li');
//1,传递一个选择器,返回#bar在所有li中的做引位置
$('#ba...阅读全文
1条评论
Jul062012
jquery判断元素是否存在
直接举例说明:
$("#testid")这个jquery对象,有些时候我们并不能确定页面中一定含有id为testid的元素,那么jquery如何判断该元素是否存在呢?
可以通过length属性判断,如果length大于零说明存在,否则不存在:
if($("#testid").length > 0){
alert('exist');
}else{
alert('not exist');
}阅读全文
Jul022012
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...阅读全文
Jun292012
jquery实现交替样式效果
jquery轻松实现交替效果,如table中第一行白色第二行黑色,如此这样交替下去。
jquery中提供了一个even属性选择器,even的意思是偶数,即偶数选择器。
使用方法如下:
$("tr:even").css("background-color", "#000");//设置偶数的tr背景为黑色。
jquery真是很强大为我们提供了大量便捷的方法。阅读全文
Jun272012
a标签href属性为javascript:void(0)弹出新窗口
今天测试人员给我报了一个bug说a标签href属性为javascript:void(0);弹出新窗口,我非常的纳闷,觉得是什么破浏览器,居然这个都不支持。那不是很头大,仔细的看了下a标签的属性,终于发现了问题:
herf有target="_blank"属性,去掉就好了。希望能给遇到相同问题的朋友一些帮助。阅读全文
Jun252012
textarea出现滚动条的解决方法
在部分浏览器中,textarea默认会有个滚动条,textarea默认出现滚动条的解决方法是设置样式:
style="overflow:auto;"阅读全文
作者:黑♂白 | 分类: web前端 | 阅读:377 |
Jun252012
javascript 大小写转换
javascript中转换为小写的方法是:str.toLowerCase();
javascript中转换为大写的方法是:str.toUpperCase();
很多时候忘记单词是怎么写的,在此留个脚印。阅读全文
Jun182012
jQuery div mouseout事件,jquery mouseleave方法
在div上包含有元素比如a、img、div等标签时,当移动到这些元素上时就触发了div的mouseout事件,但鼠标还在div元素范围内。
大部分浏览器都是按照上面方式来触发mouseout事件的,解决这个问题的方法很简单(jquery提供了方法):
我们的解决方法是使用jquery mouseleave方法来替代mouseout
$("#id").bind("mouseleave", funtion(){
});
即可解决。
阅读全文
Jun182012
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属性的父元素。
阅读全文
May302012
javascript网页表单提交验证
完全独立的javascript网页表单提交验证。
调用简单,样式通用,你不用再写样式。一款非常好用的网页表单验证控件。
先看看效果吧,如下图:
调用方法:
var a = validator({
"form": "validator-form",
ajaxSubmit:true,
beforSubmit:function(){
//alert("表单提交前执行的函数");
},
afterSubmit:function(){
alert("ajax提交后返回的数据是:"...阅读全文