jquery常用代码26个

发布时间:2019-10-29编辑:脚本学堂
jquery代码收藏,,jquery常用代码

16. 如何为函数创建一个基本的测试
//把测试单独放在模块中
module("Module B");
test("some other test", function () {
//指明测试内部预期有多少要运行的断言
expect(2);
//一个比较断言,相当于JUnit的assertEquals
equals(true, false, "failing test");
equals(true, true, "passing test");
});31. 如何在jQuery中克隆一个元素

var cloned = $('#somediv').clone();

17. 在jQuery中如何测试某个元素是否可见
if ($(element).is(':visible') ) {
//该元素是可见的
}

18. 如何把一个元素放在屏幕的中心位置
 

复制代码 代码如下:
jQuery.fn.center = function () {
this.css('position', 'absolute');
this.css('top', ($(window).height() - this.height()) / +$(window).scrollTop() +'px');
this.css('left', ($(window).width() - this.width()) / 2 + $(window).scrollLeft() +'px');
return this;
} //这样来使用上面的函数: $(element).center();

 

19. 如何把有着某个特定名称的所有元素的值都放到一个数组中
var arrInputValues = new Array();
$("input[name='table[]']").each(function () {
arrInputValues.push($(this ).val());
});

20. 如何使用closest来取得父元素
$('#searchBox').closest('div');

21. 如何使用Firebug和Firefox来记录jQuery事件日志
// 允许链式日志记录
// 用法:
$('#someDiv').hide().log('div hidden').addClass('someClass');
jQuery.log = jQuery.fn.log = function (msg) {
if (console) {
console.log("%s: %o", msg, this);
}
return this;
};

22. 如何切换页面上的所有复选框
var tog = false ;
// 或者为true,如果它们在加载时为被选中状态的话

$('a').click(function () {
$("input[type=checkbox]").attr("checked", !tog);
tog = !tog;
});

23. 如何基于一些输入文本来过滤一个元素列表
//如果元素的值和输入的文本相匹配的话
//该元素将被返回 $('.someClass').filter(function () {
return $(this).attr('value') == $('input#someId').val();
})

24. 如何获得鼠标垫光标位置x和y
$(document).ready(function () {
$(document).mousemove(function (e) {
$('#XY').html("X Axis : " + e.pageX + " | Y Axis " + e.pageY);
});
});

25. 如何把整个的列表元素(List Element,LI)变成可点击的
 

复制代码 代码如下:
$("ul li").click(function () {
window.location = $(this).find("a").attr("href");
return false;
}); <ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
<li><a href="#">Link 4</a></li>
</ul>

 

26. 如何使用jQuery来为事件指定命名空间
//事件可以这样绑定命名空间
$('input').bind('blur.validation', function (e) {
// ...
});
//data方法也接受命名空间
$('input').data('validation.isValid', true);