• 一些常用的jQuery方法1_20220128


    1、jQuery.merge()方法

    $.merge() 函数用于合并两个数组内容到第一个数组。*$*.merge( first, second )

    $(function () { 
    	var arr = $.merge( [0,1,2], [2,3,4] );
    	$("span").text(arr.join(", "));
    })
    

    2、jQuery.inArray()方法

    $.inArray() 函数用于在数组中查找指定值,并返回它的索引值(如果没有找到,则返回-1) 提示:源数组不会受到影响,过滤结果只反映在返回的结果数组中。 *$*.inArray( value, array [, fromIndex ] ) fromIndex :可选参数,用以指定 从数组的某个索引开始查找,这相当于从数组指定索引到末端的 slice 中查找。找到则 返回索引值,找不到就返回 -1

    实例 :

    rosterjson = $.grep(rosterjsonx,
    				function(elem, index) {
    					return ($.inArray(elem.employeeNo, emplyeeList[1]) != -1);
    				}
    			);
    // 这是 一个 grep方法 和 inArray方法一起使用的例子。使用 inArray方法 作为 筛选条件,来对数组中的元素进行筛选
    

    3、jQuery.each()方法

    jQuery.each() 函数用于遍历指定的对象和数组。 *$*.each( object, callback )

    $(function () { 
    	$.each([52, 97], function(index, value) {
      		alert(index + ': ' + value);
    });
    })
    

    4、jQuery prop() 方法

    rop() 方法设置或返回被选元素的属性和值。

    当该方法用于返回属性值时,则返回第一个匹配元素的值。

    当该方法用于设置属性值时,则为匹配元素集合设置一个或多个属性/值对。

    注意:prop() 方法应该用于检索属性值,例如 DOM 属性(如 selectedIndex, tagName, nodeName, nodeType, ownerDocument, defaultChecked, 和 defaultSelected)。

    提示:如需检索 HTML 属性,请使用 attr() 方法代替。

    提示:如需移除属性,请使用 removeProp() 方法。

    返回属性的值:

    $(selector).prop(property)

    设置属性和值:

    $(selector).prop(property,value)

    使用函数设置属性和值:

    $(selector).prop(property,function(index,**currentvalue))

    设置多个属性和值:

    $(selector).prop({property:value, property:value,...})

    实例 :

    $("input:radio[value='RE']").prop('checked', true); // 为 value值 为 RE 的 radio类型 input控件 设置为 选中状态
    

    补充、 在jQuery中,attr()函数和prop()函数都用于设置或获取指定的属性,它们的参数和用法也几乎完全相同。不同之处如下:

    attr()是jQuery 1.0版本就有的函数,prop()是jQuery 1.6版本新增的函数。毫无疑问,在1.6之前,你只能使用attr()函数;1.6及以后版本,你可以根据实际需要选择对应的函数。

    对于表单元素的checked、selected、disabled等属性,在jQuery 1.6之前,attr()获取这些属性的返回值为Boolean类型:如果被选中(或禁用)就返回true,否则返回false。

    但是从1.6开始,使用attr()获取这些属性的返回值为String类型,如果被选中(或禁用)就返回checked、selected或disabled,否则(即元素节点没有该属性)返回undefined。并且,在某些版本中,这些属性值表示文档加载时的初始状态值,即使之后更改了这些元素的选中(或禁用)状态,对应的属性值也不会发生改变。

    因为jQuery认为:attribute的checked、selected、disabled就是表示该属性初始状态的值,property的checked、selected、disabled才表示该属性实时状态的值(值为true或false)。

    因此,在jQuery 1.6及以后版本中,请使用prop()函数来设置或获取checked、selected、disabled等属性。对于其它能够用prop()实现的操作,也尽量使用prop()函数。
    原文链接https://blog.csdn.net/qq_40015157/article/details/110823718

    $spans

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>菜鸟教程(runoob.com)</title>	
    <style>
    	div {
    		color: blue;
    	}
    	span {
    		color: red;
    	}
    </style>
    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    </head>
    <body>
    
    <div>"John" 在索引值为 <span></span> 的位置被找到</div>
    <div>4 在索引值为 <span></span> 的位置被找到</div>
    <div>"Karl" 未被找到,所以返回 <span></span> </div>
    <div>"Pete" 在数组中,但是不在索引值大于等于2的位置,所以返回 <span></span></div> 
    <script>
    $(function () { 
    	var arr = [ 4, "Pete", 8, "John" ];
    	var $spans = $( "span" );
    	$spans.eq( 0 ).text( jQuery.inArray( "John", arr ) );
    	$spans.eq( 1 ).text( jQuery.inArray( 4, arr ) );
    	$spans.eq( 2 ).text( jQuery.inArray( "Karl", arr ) );
    	$spans.eq( 3 ).text( jQuery.inArray( "Pete", arr, 2 ) );
    })
    </script>
     
    </body>
    </html>
    
  • 相关阅读:
    三数之和
    167
    二分搜索树
    687
    索引堆
    二分查找 leetcode704
    leetcode 56合并区间 java
    leetcode 1046
    堆的数据结构java
    leetcode 493
  • 原文地址:https://www.cnblogs.com/OwlInTheOaktree/p/15853322.html
Copyright © 2020-2023  润新知