jquery常用方法手记

添加元素

var $required = $('<strong class="high">*</strong>');
$(this).parent().append($required);

$(this).parent().append('<strong class="high">*</strong>'); //也可以这样

  

选择器:

$('[name=items]:checkbox') 选择name为items的checkbox框。当然也可以反过来.

$('[name=items]:checkbox:checked') 加了一个选中的那些元素

$('[name=items]:checkbox').filter(':checked'); 跟上面的相等

:contains(text) 匹配包含给定文本的元素 $('div:contains("Jonh")'); Array<Elements(s)>

end()匹配的元素往前一步(常用);

// 这三个选择符效果一致
$('table :radio:checked').parent().parent().addClass('selected');
$('table :radio:checked').parents('tr').addClass('selected');
$('tbody>tr:has(:checked)').addClass('selected');

  

动画方法:

animate动画 :animate({height:'+=50'},400); json中值中含有'+='操作符时,在原基础上相加.当然可以-=.

对象是否处于动画 : $(selector).is(':animated'); //注意是加了ed 英文用词还是挺讲究的

停止之前动画:stop([clearQueue],[jumpToEnd]);

 

筛选

is进行过滤,如is('#username') 

根据选择器、DOM元素或 jQuery 对象来检测匹配元素集合,如果其中至少有一个元素符合这个给定的表达式就返回true。

 

事件

trigger可以模仿事件的触发.

$('form .required:input').trigger('blur'); //模仿触发blur事件 

 

$(this)
				.toggleClass('selected')
				.siblings('.child_'+this.id).toggle();
// 如果存在(不存在)就删除(添加)一个类。
// 用于绑定两个或多个事件处理器函数,以响应被选元素的轮流的 click 事件。未加入参数时,如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。

  

返回值:Array<Element(s)>:contains(text)

posted @ 2012-08-16 10:31  zzu-han  阅读(462)  评论(0编辑  收藏  举报