这些年、我收集的JQuery代码小结

2020-05-22 16:04:43易采站长站整理

jQuery.log = jQuery.fn.log = function (msg) {
if (console) {
console.log(“%s: %o”, msg, this);
}
return this;
};

38. 如何强制在弹出窗口中打开链接

jQuery(‘a.popup’).live(‘click’, function () {
newwindow = window.open($(this).attr(‘href’), ”, ‘height=200,width=150’);
if (window.focus) {
newwindow.focus();
} return false;
});

39. 如何强制在新的选项卡中打开链接

jQuery(‘a.newTab’).live(‘click’, function () {
newwindow = window.open($(this).href);
jQuery(this).target = “_blank”;
return false;
});

40. 在jQuery中如何使用.siblings()来选择同辈元素

// 不这样做
$(‘#nav li’).click(function () {
$(‘#nav li’).removeClass(‘active’);
$(this).addClass(‘active’);
}); //替代做法是
$(‘#nav li’).click(function () {
$(this).addClass(‘active’).siblings().removeClass(‘active’);
});

41. 如何切换页面上的所有复选框

var tog = false ;
// 或者为true,如果它们在加载时为被选中状态的话
$(‘a’).click(function () {
$(“input[type=checkbox]”).attr(“checked”, !tog);
tog = !tog;
});

42. 如何基于一些输入文本来过滤一个元素列表

//如果元素的值和输入的文本相匹配的话
//该元素将被返回 $(‘.someClass’).filter(function () {
return $(this).attr(‘value’) == $(‘input#someId’).val();
})

43. 如何获得鼠标垫光标位置x和y

$(document).ready(function () {
$(document).mousemove(function (e) {
$(‘#XY’).html(“X Axis : ” + e.pageX + ” | Y Axis ” + e.pageY);
});
});

44. 如何把整个的列表元素(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>

45. 如何使用jQuery来解析XML(基本的例子)

function parseXml(xml) {
//找到每个Tutorial并打印出author
$(xml).find(“Tutorial”).each(function () {
$(“#output”).append($(this).attr(“author”) + “”);
});
}

46. 如何检查图像是否已经被完全加载进来

$(‘#theImage’).attr(‘src’, ‘image.jpg’).load(function () {