jquery常用的方法

转载请注明出处:https://blog.csdn.net/Faith_chao/article/details/85314146

1. data() 向被选元素附加数据,或者从被选元素获取数据

    $("div").data("greeting", "Hello World");

    alert($("div").data("greeting"));

    $("div").removeData();
2. each() 遍历数组元素或对象属性
$("li").each(function(){
    alert($(this).text())
});
$.each([52, 97], function(index, value) {
    alert(index + ': ' + value);
});
3. index() 第一个匹配元素相对于它的同级元素的 index,如果未找到则返回-1
4.$.noConflict() 为jQuery 变量规定新的名称
var jq=$.noConflict();
5.param() 序列化一个key/value对象
var params = { width:1900, height:1200 };
var str = $.param(params);
6. serialize() 输出序列化表单的字符串,以下用$(“form”).serialize()序列化后得到的结果是:a=1&b=2&c=3
7. serializeArray() 通过序列化表单值来创建对象数组,(类似 .serialize() 方法,但返回的是对象而非字符串)
8. toArray() 以数组的形式返回 jQuery 选择器匹配的元素。
x=$("li").toArray()
for (i=0;i
9. contains() 用于判断指定元素内是否包含另一个元素。即判断另一个DOM元素是否是指定DOM元素的后代。
$.contains( document.documentElement, document.body ); // true
$.contains( document.body, document.documentElement ); // false
10. globalEval() 用于全局性地执行一段JavaScript代码
var name = "局部变量";
alert(name); // 局部变量
eval( "alert(name);" ); // 局部变量
$.globalEval( "alert(name);" );  // 全局变量

提示:该函数的作用与常规的JavaScript eval()函数相似。不同的是,jQuery.globalEval()执行代码的作用域为全局作用域。

11. grep() 使用指定的函数过滤数组中的元素,并返回过滤后的数组。
var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
$( "div" ).text( arr.join( ", " ) );
arr = $.grep(arr, function( n, i ) {
    return ( n !== 5 && i > 4 );
});
$( "p" ).text( arr.join( ", " ) ); 
arr = $.grep(arr, function( a ) {
    return a !== 9;
});
$( "span" ).text( arr.join( ", " ) );
12. inArray() 用于在数组中查找指定值,并返回它的索引值(如果没有找到,则返回-1)
var arr = [ 4, "Pete", 8, "John" ];
$.inArray( "John", arr ); //3
$.inArray( 4, arr );  //0
$.inArray( "Karl", arr ); //-1
$.inArray( "Pete", arr, 2 ); //-1
13.isEmptyObject() 用于检查对象是否为空(不包含任何属性)。
$.isEmptyObject({}); // true 
$.isEmptyObject({ foo: "bar" }); // false
14.isNumeric() 用于判断指定参数是否是一个数字值。
15.isXMLDoc() 用于判断一个DOM节点是否位于XML文档中,或者其本身就是XML文档。
$.isXMLDoc(document);  //false
$.isXMLDoc(document.body);  //false
16.map() 处理数组中的每个元素,并将结果封装为新的数组返回(这也是和$.each()的最大区别。)
var arr = ["a","b","c","d"];
$.map(arr,function(value,index){ // 参数位置和$.each()不同
    return (value.toUppercase + index);
})
17.merge() 用于合并两个数组内容到第一个数组
var arr = $.merge([0,1],[2]) //[0,1,2]
18.parseJSON() 将json字符串解析为js对象。

浏览器支持时返回JSON.parse()方法的结果,否则返回自定义方法的结果。

19.trim() 去除字符串两端空格
20.type() 返回js对象的类型名称
21.when() 执行一个或多个对象的回调函数
$.when( {testing : 123} ).done(
 function(x) { alert(x.testing);}
);
$.when( $.ajax("a.do") )
.done (
   function(data, textStatud, jqXHR){ alert(jqXHR.status); } // 200
)
.fail(function(){ alert("error") });

提示:.then() 两个函数作为参数时等价done+fail,一个参数时等价done

你可能感兴趣的:(前端,jquery,前端)