码迷,mamicode.com
首页 > Web开发 > 详细

JQuery 常用代码

时间:2015-06-11 01:44:34      阅读:133      评论:0      收藏:0      [点我收藏+]

标签:

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

 

JQuery 常用代码

标签:

原文地址:http://www.cnblogs.com/chenmfly/p/4567853.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!