jquery常用函数

来源:互联网 发布:万能数据库查看器 编辑:程序博客网 时间:2024/05/22 07:47
1、过滤
first(): 返回被选中元素的首个元素
last(): 末个元素
eq(n): 第n个元素
filter():指定一个标准,不匹配这个标准的元素会从集合中删除,匹配的元素会被返回
下面的例子将会返回带有类名为“info”的所有<p>元素
$("p").filter(".info");
not(): 返回不匹配标准的所有元素
2、append()和after()
<div id="mid"></div>
append()是在被选元素内部的插入代码
$("#div").append("<div id="div1">append</div>);
<div id="mid">
<div id="div1">append</div>
</div>
after()是在被选元素外部后面
<div id="mid"></div>
<div id="div1">append</div>
3、data():在当前jquery对象所匹配的所有元素上存取数据
<li id = "n1"> item1 </li>
<li id = "n2"> item1 </li>
var $li = $("li");
$li.data("name", "maomao");
console.log($("#n2").name); // maomao
与之对应的是removeData();
4、inArray():return number;返回指定值在数组中的索引,没有返回-1
var arr = [ 10, 25, 3, 0, -3 ];
$.inArray( 25, arr ); // 1
5、trim(str):
去除2端空白字符的字符串
str=null / undefined ---> "";
6、noop(): 空函数
当需要调用一个传入一个函数参数的时候,并且希望什么也不做的时候,可以使用该函数
7、extend(target, object1, objectn);
将多个对象相同的属性合并到target中,以最后一个对象的相同属性值为准
如果只有一个参数,则target默认为jquery对象$,相当于为jquery对象添加属性
8、fn.extend():
为jquery对象扩展一个或者多个实例属性和方法(主要用于扩展方法)
里面的this表示当前的jequey对象
9、contains(container, contained):
判断指定元素(container)是否包含另一个元素(contained)
参数只能是element,不能是list或者其他对象
10、type()  vs typeof
type():确定jquery内置对象的类型,返回小写形式的类型名称
typeof: 只能返回基础类型和对象(object),type()更精确
type() typeof
new Number() number object
new Data() date object
11、grep(array, function[, invert]) 过滤数组中的元素,并返回过滤后的数组
function:指定过滤的函数,2个参数,一个是当前元素,一个是元素索引
invert:是否反转过滤结果


var arr = [ 10, 25, 3, 0, -3 , 20, 6, 8, 11 ];
function filter(value, index){
   return value > 10;
}
var result = $.grep(arr, filter);
12、unique(): 
根据元素在文档中出现的先后顺序对dom元素进行排序,并移除重复的元素
13、map():
遍历数组或者对象的元素,并执行回调函数(2个参数,1=当前元素或属性值,2=索引或属性名
14、each(): //和map参数相反
遍历对象,提供回调函数(2个参数,1=索引或属性名,2=当前元素或属性值
15、remove()://删除被选元素以及子元素
$("p")remove(".italic"):删除class=italic的p元素
16、empty://清空元素内容(相当于删除子元素)
17、css()://设置css样式
$("P").css("propertyname", "value");
$("p").css({"prop1":"val1", "prop2":"val2"})
18、$.error(''):抛出一个异常
19、isEmptyObject():判断对象是否为空对象
20、contains(container, contained):判断一个dom元素(container)是否包含另一个dom(contained)
21、
属性:
1、attr/removeAttr():文档节点,内部调用getElementByid[name]
设置或返回当前jQuery对象所匹配的元素节点的属性值。


2、prop/removeProp():js对象属性,html中具有true/false的属性(checked、selected、disabled、autofocus)


3、prop vs attr: 
虽然prop()针对的是DOM元素的property,而不是元素节点的attribute。不过DOM元素某些属性的更改也会影响到元素节点上对应的属性。例如,property的id对应attribute的id,property的className对应attribute的class。


事件:
1、on(events [, selector ] [, data ], handler):
on:可选/任意类型触发事件时,需要通过event.data传递给事件处理函数的任意数据。
原创粉丝点击