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

巴特西

JQuery 常用代码

最新文章

热门文章