【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值

2020-05-29 07:17:41易采站长站整理

本文实例总结了jQuery实用代码片段。分享给大家供大家参考,具体如下:


//each遍历文本框 清空默认值
$(".maincenterul1").find("input,textarea").each(function () {
//保存当前文本框的值
var vdefault = this.value;
$(this).focus(function () {
if (this.value == vdefault) { this.value = ""; }
});
$(this).blur(function () {
if (this.value == "") { this.value = vdefault; }
});
});
$(function () {
//cball多选id
var cbs = $(".maincenterli").find("input:checkbox");
$("#cball").click(function () {
cbs.prop("checked", this.checked);
});
$(cbs).click(function () {
var isChecked = $(this).prop("checked");
if (!isChecked) {
$("#cball").prop("checked", false);
}
else {
var a = cbs.length;
var b = 0;
cbs.each(function () {
b += $(this).prop("checked") ? 1 : 0;
});
if (a == b) { $("#cball").prop("checked", true); }
}
});
});

附:50个jQuery实例代码段:

1. 如何创建嵌套的过滤器


//允许你减少集合中的匹配元素的过滤器,
//只剩下那些与给定的选择器匹配的部分。在这种情况下,
//查询删除了任何没(:not)有(:has)
//包含class为“selected”(.selected)的子节点。
.filter(":not(:has(.selected))")

2. 如何重用元素搜索


var allItems = $("div.item");
var keepList = $("div#container1 div.item");
//现在你可以继续使用这些jQuery对象来工作了。例如,
//基于复选框裁剪“keep list”,复选框的名称
//符合
<DIV>class names:x
$(formToLookAt + " input:checked").each(function() {
keepList = keepList.filter("." + $(this).attr("name"));
});
</DIV>

3. 任何使用has()来检查某个元素是否包含某个类或是元素


//jQuery 1.4.*包含了对这一has方法的支持。该方法找出
//某个元素是否包含了其他另一个元素类或是其他任何的
//你正在查找并要在其之上进行操作的东东。
$("input").has(".email").addClass("email_icon");

4. 如何使用jQuery来切换样式表


//找出你希望切换的媒体类型(media-type),然后把href设置成新的样式表。
$('link[media='screen']').attr('href', 'Alternative.css');

5. 如何限制选择范围(基于优化目的)


//尽可能使用标签名来作为类名的前缀,
//这样jQuery就不需要花费更多的时间来搜索