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 事件。未加入参数时,如果元素是可见的,切换为隐藏的;如果元素是隐藏的,切换为可见的。