您的位置:首页 > Web前端 > JQuery

JQuery 常用代码

2015-06-11 00:06 639 查看
1、选择器

1.根据标签名: $('p') 选择文档中的所有段落
2. 根据ID: $("#some-id")
3.类: $('.some-class') $('.tab curr').removeClass("curr");.

$('tr:odd').addClass('odd'); //过滤选择结果集中的奇数元素

$('tr:even').addClass('even'); //过滤选择结果集中的偶数元素

2、this

onclick="changestate();$(this).addClass('curr')"

3、隐藏和显示

$('#some-id').show(); //无效果,会自动记录原来的display属性值(如:block, inline),再回复display值
$('#some-id').hide(); //无效果,等效于:$('#some-id').css('display', 'none'); 隐藏元素,不保留物理位置
大小、透明度逐渐变化的显示或隐藏
$('#some-id').show('slow'); //指定显示速度,在指定时间内元素的高、宽、不透明度逐渐增加到属性值,有:slow是0.6秒,normal是0.4秒,fast是0.2秒,或者直接填入毫秒数
$('#some-id').hide(800); //与.show()指定速度显示一样,指定时间内高、宽、不透明度逐渐减小到0
淡入淡出
$('some-id').fadeIn('slow'); //指定时间内不透明度属性值由0增加到1
$('some-id').fadeOut('slow'); //指定时间内不透明度值由1减小到0

4、var textval = $("#text_id").val();

5、移除匹配元素中的元素,类似清空元素
$('#some-id').empty();

6、从DOM中移除匹配的元素及其后代元素
$('#some-id').remove();

7、 push数组添加

var checkedVal = new Array();
var boxes = $('#tb :checkbox');

for(var i=0;i<boxes.length;i++){
if(boxes[i].checked == true){
checkedLen++;
checkedVal.push(boxes[i].value);
}
}
if(checkedLen == 0){
art.dialog.alert("请先选择记录");

return false;
}

art.dialog.alert(checkedVal.length.toString());
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: