jquery 实用的函数

陈伟发布于2019-08-21 17:18 / 2345人阅读

摘要：中有很多方法是我们可以很方便拿来使用的。欢迎大家也提供好用的方法在留言板。等价于，输出值为，筛选数组输出注意这里的和和函数调换了位置，另外，如果不给函数返回值，将为空，这和函数不同。

jquey中有很多方法是我们可以很方便拿来使用的。我们可以利用这个来让我们更加高效的开发，也能让代码更具有阅读性。
欢迎大家也提供好用的jquery方法在留言板。楼主将会持续更新。

1.filter()

顾名思义，这个方法可以匹配DOM元素集合中指定的元素，例如：

$("div").css("background", "#c8ebcc")
  .filter(".middle")
  .css("border-color", "red");

这段代码的含义是给div元素集合中带middle元素增加红色边框。
filter()里面也可以写方法来过滤：

$("li").filter(function(index) {
  return $("strong", this).length == 1;
}).css("background-color", "red");

2.trigger()

触发事件的发生，比如：

$("#btn").trigger("click");

出发id为btn的点击事件。
还可以触发自定义事件：
先绑定自定义事件：

$("#btn").bind("myClick", function () {
   $("#test").append()；
});

触发事件：

$("btn").trigger("myClick");

3.$.contains(elem1, elem2)

这个是判断dom元素是否包含在另一个dom里面，并不是java的contains哦

4.$.each()

循环遍历，看一下代码就知道啦：

var array = [1,2,3,4,5]
$.each(array, function(i, item)) {
    if (item > 4) {
        console.log(item);
        console.log(array[i]);
    }
}

这里的i是指循环的次数，从0开始，item指每次循环的变量值。
item等价于array[i]，输出值为5，5
**

5.$.grep()

筛选数组：

var array = [1,2,3,4];
    array = $.grep(array, function(item,i) {
        return item > 3;
    })
    console.log(array);

输出：[4]
注意这里的item和i和each函数调换了位置，另外，如果不给grep函数返回值，array将为空，这和each函数不同。

6.elem.datepicker()

日历函数，给指定的dom增加日历功能，

$(".mfgdate").datepicker({language:userLanguage, format:"yyyy/mm/dd", autoclose: true });

具体的说可以见链接：
http://blog.csdn.net/cuihaiya...

7.slice(start, end)和splice(index,n,item)

slice()函数是截取数组的一部分，不会改变原始数组：

var a=[1,2,3,4,5,6];
var b=a.slice(0,3);  //[1,2,3]
var c=a.slice(3);    //[4,5,6]

如果只传入一个参数，那么将从参数一的索引位置开始截取，一直到数组尾

splice(index,n,item)函数有两个功能，先从index，删除n个元素，在从index开始加入item。

var a=["a","b","c"];
var b=a.splice(1,1,"e","f");  //a=["a","e","f","c"],b=["b"]

从第一个元素开始，删除一个，也就是b，在加入e，f。a数组变化了，返回的是删除的元素
分割线-----------------------------------------
将会持续更新，大家也可以提供好用的jquery方法

混合云专线服务实用函数 jquery函数 jquery_extend函数实用的语言编程

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/89369.html

jQuery实用的一些技巧

摘要：元素的大小设置可以在图片加载完成后计算。禁用输入有时你可能需要用表单的提交按钮或者某个输入框直到用户执行了某个动作比如检查我已阅读条款复选框。如果文本不存在，则这个元素将被隐藏可见变化的触发当用户不再聚焦或者重新聚焦一个标签时触发脚本转载引子 jQuery的存在，让学习前端开发的人感到前端越来越容易入门了，用简单的几行代码就可以实现需求，但是，你真的会用jQuery么，当代码运行后无...

niuxiaowei111 2019-08-19 17:57 评论0 收藏0
【JS实用技巧】利用冒泡机制，减少事件绑定，优化页面性能

摘要：如何通过一些技巧，达到减少事件绑定，优化页面性能的目的呢接下来介绍一下我个人对优化事件绑定的实践。这里直接给出最佳实践利用事件冒泡机制来为元素绑定事件。再加上由于创建太多的事件监听，也会对页面性能有影响。引言无论新手老手，在前端开发中，经常要为DOM元素绑定事件，以实现某些功能。如何通过一些JS技巧，达到减少事件绑定，优化页面性能的目的呢？接下来介绍一下我个人对优化事件绑定的实践。...

Jackwoo 2019-08-20 14:17 评论0 收藏0
实用的表单验证插件--jquery Validation

摘要：默认值原生的表单提交类型表单验证通过后提交表单的回调函数。使用去控制这个组的验证信息被放置的位置。例子禁用对焦验证。他的回调函数被传入两个参数类型元素这个元素是当前正在被验证的，是一个元素。此函数的上下午为验证对象本身。 Validation文档翻译前言 Validation作为表单验证中最常用的插件，为我在开发过程中提供了很多便利的地方。虽然说我很常用，但是我真的不敢说我会用Val...

eccozhou 2019-08-21 16:48 评论0 收藏0
【实用】需要收藏备用的JQuery代码片段

摘要：元素屏幕居中获取页面路径相关参数值值值值删除内联样式长度限制并截取外链新窗口打开测试与其它库冲突情况测试冲突代码避免冲突加载即使掉线加载遮罩层，点击移除元素固顶注意调整边界值禁止右键菜单对象插件模版代码公有方法私有方法延伸阅读处理表单的 1 元素屏幕居中 jQuery.fn.center = function () { this.css(position,absolute); ...

2json 2019-08-20 16:55 评论0 收藏0
【收藏】8段JQuery处理表单的代码片段，很实用

1 只接受数字输入 $(#uAge).keydown(function(event) { // 允许退格和删除键 if ( event.keyCode == 46 || event.keyCode == 8 ) { } else { // 保证输入的是数字键 if (event.keyCode < 48 || event.keyCod...

zxhaaa 2019-08-20 16:43 评论0 收藏0