JQuery 常用代码

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());

 

posted on 2015-06-11 00:06  雪夜  阅读(209)  评论(0编辑  收藏  举报